close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

CSS Button Styler Build 003

Thread began 6/27/2011 2:06 pm by Justin Hood | Last modified 7/13/2011 7:34 am by ijs174940 | 1416 views | 22 replies |

Justin HoodWebAssist

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.

Sign in to reply to this post

Justin HoodWebAssist

Known issue(s) in Build 003:

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

Sign in to reply to this post

DarylBeta Tester

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)

Sign in to reply to this post

PaulBeta Tester

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?

Sign in to reply to this post

Justin HoodWebAssist

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.

Sign in to reply to this post

Justin HoodWebAssist

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.

Sign in to reply to this post

AlaskaTomBeta Tester

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

Sign in to reply to this post

Justin HoodWebAssist

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.

Sign in to reply to this post

daniel276949Beta Tester

interesting new extension

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

Sign in to reply to this post

Dave Hoffman

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.

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...