Viewing Shapes - Line stroke

Shapes - Line stroke



User: Guest 13 years ago
Line stroke only appears to publish on rectangles, none of the other shapes receive the line when published:

Screen Shot 2013-03-07 at 6.53.00 AM.png
Edit
User: Guest 13 years ago
Line stroke also does not apply to images
Edit
User: Roddy 13 years ago


I noticed this but assumed the feature hasn't been added yet since the rectangle uses CSS to create it...

<!--EasyWeb rectangle uses CSS-->
<div style="position:relative"><div style="left:419px;top:367px;height:126px;width:126px;border:3px solid #0000FF;background-color:#FFFF00;z-index: 7;position: absolute"></div></div>

... whereas the rounded rectangle uses a background image...

<!--EasyWeb rounded rectangle shape with png-->
<div style="position:relative"><div style="left:184px;top:367px;height:126px;width:126px;background: url('images/blank/shape_6.png') no-repeat;z-index: 6;position: absolute"></div></div>

The rounded rectangle with border shown above was created like this...

<!--rounded rectangle using CSS-->
<div style="position:relative"><div style="left:24px;top:363px;height:126px;width:126px;border:3px solid #FF0000; border-radius: 18px;background: #FFFF00;z-index: 6;position: absolute"></div></div>

Note that I haven't added all the necessary browser prefixes for the border-radius.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 13 years ago
Roddy,

I would have to say that your rounded rectangle looks better than the one that EasyWeb is kicking out. EasyWeb's corners are not very smooth.

I am guessing that it is a similar issue with adding a line stroke to an image.
Edit
User: Roddy 13 years ago
Adding borders and rounded corners to shapes is fairly easy with CSS but they don't work in IE below V9 which is why most people use images.

Adding rounded corners and a border to an image is not so easy as the image has to rounded and then set in a div with the border and rounded corners.

I did notice how rough the corners were and perhaps it needs the image quality bumped up.

I do all my image prep before adding then to the webpage using Picturesque for all the effects. That way its all combined in a JPEG.



-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 13 years ago
Even just the rectangle line stroke does not work on images in EasyWeb at the moment
Edit
User: Roddy 13 years ago
There's no border property in the image code but its easily added...



See my suggestion for a better way to insert images.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Guest 13 years ago
Line stroke still not publishing in the latest build:

Screen Shot 2013-03-08 at 1.51.02 PM.png
Edit
User: Roddy 13 years ago
It wasn't mentioned in the list of updates.
This version seems to be mostly about the navigation and RSS.
At least we got the Hide/Show layout keyboard command!

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Paul-RAGESW 13 years ago
Hi Jeff,

Line strokes will be one of the last things to be implemented because they are actually kind of tricky to get right.

-------------------------------
Paul
EverWeb Developer


Post Reply
You must login or signup to post.