Re: [Wicket-develop] CSS example

Jonathan Locke Sat, 12 Feb 2005 17:34:39 -0800

as far as the RoundCornerBorder component itself, it could have either inline css or a normal <link> to a css resource. wicket would parse and extract or find the resource in the same way it finds html files referenced as resources. in both cases, the component would be wysiwyg previewable in terms of css.

Jonathan Locke wrote:


yup yup.  this is exactly what i'm talking about.
<html>
   <head>
      <wicket:stylesheet content = "inline"/>
    </head>
   <body>
      <wicket:component ... RoundCornerBorder ...>
    ...

that would be the use case.

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

Re: [Wicket-develop] CSS example

Reply via email to