6 Replies Latest reply on Jan 30, 2011 8:17 AM by Julien Deruère

    How to create a new Skin? Confused.

    Rich Hephner Newbie

      I'm trying to create a new GateIn skin, but am finding the documentation (http://docs.jboss.com/gatein/portal/3.0.0-Beta04/reference-guide/en-US/html/chap-Reference_Guide-Configuration.html#sect-Reference_Guide-Skin_Configuration-How_to_Configure_a_Portal_Skin) as clear as mud.

       

      For instance:

       

       

      I'm in the process of evaluating GateIn against Liferay. I'd like to use GateIn, but if I can't even skin it, I'm going to have a hard time selling it.

       

      Thanks.

        • 1. Re: How to create a new Skin? Confused.
          Thomas Heute Master

          This whole chapter needs a rewrite and I would also like a Maven archetype to start a new skin easily.


          This will come but so far people are head down in the code for the coming release.

           

          About: mystylesheet-lt.css it's normal it's the RTL (Right-To-Left) framework that 'rename' those files there is a resource handler that should use your file. Are you saying that you got an error ?

          • 2. Re: How to create a new Skin? Confused.
            Rich Hephner Newbie

            No, I didn't get any error message.

             

            When do you expect to have a maven archetype and/or better documentation in place? I don't want to start a new project using JBoss Portal since it will no longer be supported, but I also can't use GateIn because support for developers is immature and you're telling me that it's a low priority for your team. Judging from the recent posts to this forum, I'm not the only one who is having a difficult time customizing  GateIn.

             

            I'd like to suggest that you make better developer support a bigger priority.

             

            Thanks for your time.

            • 3. Re: How to create a new Skin? Confused.
              Thomas Heute Master

              Hey, I hope you understand that I never said it was a low priority.

               

              I'm trying to help you, at the same time ironically, I'm working on the doc for skins...

               

              Even more ironically I wanted to ask you to make sure you had:

                      <filter>
                          <filter-name>ResourceRequestFilter</filter-name> 
                        <filter-class>org.exoplatform.portal.application.ResourceRequestFilter</filter-class> 
                      </filter>
              
                      <filter-mapping>
                        <filter-name>ResourceRequestFilter</filter-name>
                        <url-pattern>*.css</url-pattern> 
                      </filter-mapping>
              
              

              In your webapp since that's what will make sure you get the -lt.css retrieved properly.

              • 4. Re: How to create a new Skin? Confused.
                menegazzo Newbie

                Hello all,

                 


                I'm trying to create a custom skin, without modifying the original one. But i had no succes at all (downloaded 3.1 final)

                 


                My steps:

                 

                - read documentation (http://docs.jboss.com/gatein/portal/3.1.0-FINAL/reference-guide/en-US/html_single/index.html#sect-Reference_Guide-Skinning_Portal)

                 

                - create a copy of 01eXoResources.war and rename it to 03customResources.war

                 

                - edited 03customResources.war/WEB-INF/gatein-resources.xml
                <gatein-resources>
                  <portal-skin>
                    <skin-name>CustomSkin</skin-name>
                    <css-path>/skin/myskin.css</css-path>
                    <overwrite>false</overwrite>
                  </portal-skin>
                </gatein-resources>

                 

                - Checked Resource Request Filter:
                <web-app>
                  <display-name>CustomSkin</display-name>
                  <filter>
                    <filter-name>ResourceRequestFilter</filter-name>
                    <filter-class>org.exoplatform.portal.application.ResourceRequestFilter</filter-class>
                  </filter>
                  <filter-mapping>
                    <filter-name>ResourceRequestFilter</filter-name>
                    <url-pattern>/*</url-pattern>
                  </filter-mapping>
                  <servlet>
                    <servlet-name>GateInServlet</servlet-name>
                    <servlet-class>org.gatein.wci.api.GateInServlet</servlet-class>
                    <load-on-startup>0</load-on-startup>
                  </servlet>
                  <servlet-mapping>
                    <servlet-name>GateInServlet</servlet-name>
                    <url-pattern>/gateinservlet</url-pattern>
                  </servlet-mapping>
                </web-app>

                 

                - Defined custom CSS form skin preview (in all ../UIChangeSkinForm/StyleSheet.css of web archives)
                .UIChangeSkinForm .UIItemSelector .TemplateContainer .CustomSkinImage {
                    border: 1px solid red; /* debugging */
                    margin: auto;
                    width: 329px; height: 204px;
                    background: url('background/ChangeSkinForm.jpg') no-repeat center -615px;
                    cursor: pointer ;
                }

                 

                - started server, logged as root. And nothing but the two default portal skins appears under change skin/ skin setting dialog.

                 

                Any help will be very appreciated.

                • 5. Re: How to create a new Skin? Confused.
                  Trong Tran Master

                  If you want to make a custom skin from an existing, i suggest you use gatein-sample-skin.war instead of eXoResources.war

                   

                  you can refer the codebase of gatein-sample-skin at http://anonsvn.jboss.org/repos/gatein/portal/tags/3.1.0-GA/examples/skins/simpleskin/

                  • 6. How to create a new Skin? Confused.
                    Julien Deruère Newbie

                    I'm facing the same problem, and I just want to add that SimpleSkin does'nt work on IE7/8...

                     

                    I'm trying to create my custom skin  form the default one, it works on FF, but on IE it doesn't work (this is crazy because the defaul skin work on IE, I just copy/past it). Why does it work on FF and not on IE!!