i agree that we need to automatically do "namespacing" like that. do we need to automate that right away though? for now, it seems like component authors could do that.
another issue:
this prefix wouldn't apply to "global" tags like <p> and <h1>, right?
but what about components that intend to define a local <p> or <h1> or whatever value? such component really want their stylesheet block to stay local to them don't they?
Eelco Hillenius wrote:
And then, in order to avoid conflicts with other CSS definitions, .borderTop would better be named e.g. wicket_contrib_RoundCornerBorder_borderTop.
Eelco
Gili wrote:
Hi,
The example given by Kamil was how he'd like to see Wicket handle JS/CSS. I have no idea how exactly I'd like it to work but I know what the *output* from it should be. Here is my use-case for the RoundCornerBorder. Lets please brainstorm on how we'd like Wicket to build such a component.
<html> <head> <style type="text/css"> .borderTop { background-color: #000000; width: 100% background-image: none; } .borderRight { background-position: right top; background-repeat: repeat-y; } .borderBottom { background-position: left bottom; background-repeat: repeat-x; } .borderLeft { background-image: none; } .borderTopLeft { background-image: url("top-left.gif"); background-repeat: no-repeat; background-position: top left; } .borderTopRight { background-image: url("top-right.gif"); background-repeat: no-repeat; background-position: top right; } .borderBottomRight { background-image: url("bottom-right.gif"); background-repeat: no-repeat; background-position: bottom right; } .borderBottomLeft { background-image: url("bottom-left.gif"); background-repeat: no-repeat; background-position: bottom left; } .borderContents { width: 100% } </style> </head> <body> <div class="borderTop"> <div class="borderRight"> <div class="borderBottom"> <div class="borderLeft"> <div class="borderTopLeft"> <div class="borderTopRight"> <div class="borderBottomRight"> <div class="borderBottomLeft"> <div class="borderContents"> This is some text inside my round corner border </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>
Gili
-------------------------------------------------------
SF email is sponsored by - The IT Product Guide
Read honest & candid reviews on hundreds of IT Products from real users.
Discover which products truly live up to the hype. Start reading now.
http://ads.osdn.com/?ad_id=6595&alloc_id=14396&op=click
_______________________________________________
Wicket-develop mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/wicket-develop
------------------------------------------------------- SF email is sponsored by - The IT Product Guide Read honest & candid reviews on hundreds of IT Products from real users. Discover which products truly live up to the hype. Start reading now. http://ads.osdn.com/?ad_id=6595&alloc_id=14396&op=click _______________________________________________ Wicket-develop mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/wicket-develop
------------------------------------------------------- SF email is sponsored by - The IT Product Guide Read honest & candid reviews on hundreds of IT Products from real users. Discover which products truly live up to the hype. Start reading now. http://ads.osdn.com/?ad_id=6595&alloc_id=14396&op=click _______________________________________________ Wicket-develop mailing list [email protected] https://lists.sourceforge.net/lists/listinfo/wicket-develop
