JSF 2.0 Kompositkomponente mit CSS

    • Gelöst

    • JSF 2.0 Kompositkomponente mit CSS

      Hallo!

      Bin grade dabei mich in JSF einzulesen (muss ich für die Arbeit, also nicht "benutze kein JSF" ;))

      Erstelle grade meine erste eigene (und sehr einfache) Kompositkomponente und möchte die nun mit CSS verschönern.

      Hier mal der Source:

      myLabel.xhtml

      HTML-Quellcode

      1. <html xmlns="http://www.w3.org/1999/xhtml"
      2. xmlns:h="http://java.sun.com/jsf/html"
      3. xmlns:c="http://java.sun.com/jsp/jstl/core"
      4. xmlns:cc="http://java.sun.com/jsf/composite">
      5. <head>
      6. <title>panelBox</title>
      7. </head>
      8. <body>
      9. <cc:interface>
      10. <cc:attribute name="styleClass" required="false" default="myText" />
      11. <cc:attribute name="style" required="false" />
      12. <cc:attribute name="value" required="false" default="Button" />
      13. </cc:interface>
      14. <cc:implementation>
      15. <h:outputStylesheet name="style.css"/>
      16. <span class="#{cc.attrs.styleClass}">#{cc.attrs.value}</span>
      17. <cc:insertChildren />
      19. </cc:implementation>
      20. </body>
      21. </html>
      Alles anzeigen



      index.xhtml

      HTML-Quellcode

      1. <html xmlns:mc="http://java.sun.com/jsf/composite/mycomponents"
      2. xmlns="http://www.w3.org/1999/xhtml"
      3. xmlns:f="http://java.sun.com/jsf/core"
      4. xmlns:h="http://java.sun.com/jsf/html">
      5. <head>
      6. <title>Das ist eine Seite</title>
      7. </head>
      8. <body>
      9. <mc:myLabel value="Test"/>
      10. </body>
      11. </html>
      Alles anzeigen



      style.css

      Quellcode

      1. .myText
      2. {
      3. font-family: arial;
      4. font-size: 80px;
      5. font-color: #000000;
      6. }



      Wennich das so mache, kommt die Meldung, dass ich das im head einbinden muss. mach ich das, funkionierts auch nicht.
      James
      [Blockierte Grafik: http://dl.dropbox.com/u/24753690/stuff/forenlinks/rocketsign.png]
      Team Rocket - so schnell wie das Licht,
      gebt lieber auf und bekämpft uns nicht!
      join #teamrocket @iz-smart.net

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Stan ()

    • Original von han
      Das
      <h:outputStylesheet name="style.css"/>

      außerhalb vom <head> auftaucht kommt mir was merkwürdig vor. Evtl. ist gemeint das in den <head> zu verschieben.


      Naja in einem Tutorial macht der Autor das genau so wie ich hier. Ich habs jetzt mittlerweile zufällig rausgefunden: Man macht <h:outputStylesheet target="head" [...]/>

      Dann "rendert" er das automatisch im head der index.xhtml Datei.

      Edit: Wie macht man das ganze jetzt als "gelöst"?
      James
      [Blockierte Grafik: http://dl.dropbox.com/u/24753690/stuff/forenlinks/rocketsign.png]
      Team Rocket - so schnell wie das Licht,
      gebt lieber auf und bekämpft uns nicht!
      join #teamrocket @iz-smart.net