CSS Button Styler Build 003

Beta testers will be receiving an email today containing a new extension for Dreamweaver. CSS Button Styler Build 003. As always, this is a closed beta, so please only report issues and feedback in this forum.

Serial number: h9Ghf-uOgfo-0yIa1-bVEwU can be used to activate this beta build. Activations are limited, so please keep activations limited to 2 systems. This serial number will no longer be valid after the release date.

Easily insert CSS buttons within Dreamweaver! The Quick Insert interface can be accessed at top menu WebAsisst > CSS Button Styler.

Thank you for your participation.

Known issue(s) in Build 003:

Button Presets are not exporting to .zip from the Preset Manager in Windows platforms.

I have a quick play and it seems to work fairly intuitively.

Personally I'm not keen on the presets that have been provided, I would prefer presets such as Mac, Jquery, Windows, Yahoo UI style buttons.

When I tries to rename the preset I found that if I highlighted the name and tried to type I couldn't, but if I clicked at the end of the name and pressed delete I could then change the name. It would be slightly more intuitive to highlight then type (I think the other extensions that have presets work that way...).

I like the option to change your cursor types but there isn't a hand option, and I'm fairly sure you don't need all of the resize options. I'm not sure I would use the resize cursors, but if I would I would probably like to have more descriptive names rather than all the same.

Maybe this is a bit picky for feedback, but that's what you get for not having any bugs that I tripped over :0)

I share Daryls comments although personally i'm not to bothered about cursor type

Creating a customised version of a preset button and applying it to one page works ok, but applying the same to a second page and form, seems to lose the mouseover effect.

Ahh... I see why, the ext has appended a value to the button name and created CSS code for it in the CSS file.

Why would it do that if I just wanted to add the same button to a different page?

Originally Said By: paul.casbourne361959

  I share Daryls comments although personally i'm not to bothered about cursor type

Creating a customised version of a preset button and applying it to one page works ok, but applying the same to a second page and form, seems to lose the mouseover effect.

Ahh... I see why, the ext has appended a value to the button name and created CSS code for it in the CSS file.

Why would it do that if I just wanted to add the same button to a different page?  

I think the issue might be in whether you're actually saving your change (in this case, the addition of a cursor hover state) within your preset.

If you make a change to an existing preset (selecting an existing preset, choosing to edit that preset, and then making a change) without saving, it will do a 1 time insert of that button. The only way future inserts of the same button preset will include that change, is if you actually overwrite that preset name, or save as a new preset name.

For example, you start with 'Bloom'. You edit the preset, and add a cursor hover state. When you click 'OK' after making your edit, the Save Preset UI will appear. If you do not check the 'Save as preset' checkbox, the preset will not be overwritten and the insert of a button with your modifications to the preset will be a one time deal.

Are you checking 'Save as preset' and overwriting the preset name or saving as a new preset? If you are, and your modifications are not being carried in future inserts, there may be bug somewhere.

Hope this helps.

Originally Said By: Daryl

  Personally I'm not keen on the presets that have been provided, I would prefer presets such as Mac, Jquery, Windows, Yahoo UI style buttons.  

The current presets are presets specific to WebAssist and they are supported across the product line. The idea is that a user could generate for example... an entire set of security pages (login, email password, etc.) using SecurityAssist with the 'Inspiration' theme/preset, and then easily insert the same style of button to additional pages using CSS Button Styler.

I do like your suggestion for other commonly used button types to be included in the presets and I have passed that suggestion along.

Originally Said By: Daryl

  When I tries to rename the preset I found that if I highlighted the name and tried to type I couldn't, but if I clicked at the end of the name and pressed delete I could then change the name. It would be slightly more intuitive to highlight then type (I think the other extensions that have presets work that way...).  

This is because the preset name is highlighted when the Save Preset UI opens, but the field is disabled. After checking the 'Save as preset' option, focus in the UI is now set to that checkbox and not the preset name field. So delete, backspace, etc won't have any effect. I will look into the possibility of having a change of focus after checking 'Save as preset'.

Originally Said By: Daryl

  I like the option to change your cursor types but there isn't a hand option, and I'm fairly sure you don't need all of the resize options. I'm not sure I would use the resize cursors, but if I would I would probably like to have more descriptive names rather than all the same.  

I've logged this as an issue. We'll be removing duplicates and giving each e-resize option a unique name.

Originally Said By: Daryl

  Maybe this is a bit picky for feedback, but that's what you get for not having any bugs that I tripped over :0)  

This is a good thing! Thank you for the feedback, Daryl.

I gave this a quick try too, and it looks pretty slick.
I made a pretty wild button with gradients, border, radius etc, and it worked great, except for one item.
I noticed it put this css


outline: #858585 1px solid;

right after the border, and radius.
I have personally never used outline, and wondered why it was used, because it gave the button an outline that was square even though the corners of the button were rounded, so it made the corners look odd.

I also like the option of some other presets like mac, windows etc as I am not a big fan of the standard WA presets either :-)

Thanks!
Tom

Originally Said By: AlaskaTom

  I made a pretty wild button with gradients, border, radius etc, and it worked great, except for one item.
I noticed it put this css


outline: #858585 1px solid;

right after the border, and radius.
I have personally never used outline, and wondered why it was used, because it gave the button an outline that was square even though the corners of the button were rounded, so it made the corners look odd.  

Unfortunately, outline doesn't work with rounded corners. It is like a second border. We could remove outline as an option, or create cases for that option in the UI to become disabled, but we decided to leave it in. You never know... Someone might think the example I attached is the single greatest button ever made.

Originally Said By: AlaskaTom

  ...as I am not a big fan of the standard WA presets either :-)  

Blasphemers! You and Daryl, both! I'll pass your preset comments along to the design team... and pitch my outline button to them while I'm at it....

Thanks for the feedback, Tom.

working mechanism thought...

when actually using the extension i noticed that in order to use it and set a background color you have to set the background color everytime you select any preset...

it would be better to set the bgnd color once and it stays until you change it...

also, it would be good to allow bgnd images as a website i am working on is on top of a bgnd image...

another thought would be to allow buttons to be images instead of the current system...

i am still thinking on it but unless i am missing somthing i am not sure how valuable this extension would be at least to what i do...

one thing that would help me with this one is to get a list of planned and included features first to give me a better starting point to go from...

Thanks and Hope this Helps... Daniel

Originally Said By: daniel276949

  working mechanism thought...

when actually using the extension i noticed that in order to use it and set a background color you have to set the background color everytime you select any preset...

it would be better to set the bgnd color once and it stays until you change it...

also, it would be good to allow bgnd images as a website i am working on is on top of a bgnd image...

another thought would be to allow buttons to be images instead of the current system..  

Hey Daniel,
The "Preview background" field is simply there for your convenience, in the event that you might want to actually use white (or light colors) in your buttons. It does not effect the final result when you hit "OK", it's only available so you can work a little more effectively while using the UI.