Community Forums

by **stafio** » Mon Nov 24, 2008 4:09 pm

In making the customization of the cart appearance even easier, I think it would be a good idea to add a css class on all buttons throughout the site. The class could be added to the css and left empty for now, making it easy for the users to just add some style information should they wish to change the look of the buttons.

eg.

.button {
}

Perhaps this could be squeezed in for 0.7.9.

by **Qphoria** » Mon Nov 24, 2008 4:21 pm

it's a good idea, but don't you also need to add class="button" to each button?

by **stafio** » Mon Nov 24, 2008 4:52 pm

Yes, that would need to be added to each button as well as the css entry.

by **hm2k** » Mon Nov 24, 2008 5:42 pm

Oh god, you have no idea about this, please don't even get me started...

Just a couple of articles for you to read:

http://www.456bereastreet.com/lab/styli ... it-button/
http://particletree.com/features/redisc ... n-element/

I had all sorts of fun with buttons in a previous project.

In the end, in order to resolve it I had to use the element and have a form per button...

Code: Select all: <form action="admin.php?a=%s" method="POST" style="display: inline;"> <input class="inputsubmit" type="submit" id="%s" name="%s" value="%s"> </form>

Fun and games.

if you need help with something more specific we can go from there, but I'm not about to try and fully handle this.

by **stafio** » Mon Nov 24, 2008 7:45 pm

I'm just thinking of adding one class that would affect all buttons on the site, nothing too crazy. As Qphoria said, it's just a matter of adding class="button" to each and element. I'm not sure why you would have to add one form per button as you indicated.

Something along the lines of the first example you posted is close to what I'm thinking. It seems a little over complicated though as each button is wrapped in a

with the buttons having their own id's. Here's a simplified version, which produces the output seen in the attached .jpg.

Code: Select all: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Buttons!</title> <style type="text/css">  </style> </head> <body> <div style="width: 200px;"> <input type="button" class="el01" value="el01" /> <br><input type="button" class="el02" value="el02" /> <br><input type="button" class="el03" value="el03" /> <br><input type="button" class="el04" value="el04" /> <br><input type="button" class="el05" value="el05" /> <br><input type="button" class="el06" value="el06" /> <br><input type="button" class="el07" value="el07" /> <br><input type="button" class="el08" value="el08" /> <br><input type="button" class="el09" value="el09" /> <br><input type="button" class="el10" value="el10" /> <br><input type="button" class="el11" value="el11" /> <br><input type="submit" class="el12" value="el12" /> </div> </body> </html>