AnsweredAssumed Answered

Share - dashlet - stylesheet

Question asked by luigi on Feb 7, 2014
Latest reply on Feb 11, 2014 by luigi
Ciao a tutti,

stavo provando a creare una dashlet in Alfresco Share 4.2.e, seguendo questo <a href='http://zlayer.net/blog/?p=255'>esempio</a>.

Il risultato è quello atteso ovviamente, e riesco a visualizzarlo all'indirizzo

http://127.0.0.1:8080/share/page/components/dashlets/my-dashlet


L'unica cosa che non sono riuscito ad applicare è la parte relativa allo stylesheet, ossia


<@markup id="css" >
<#– Link to your CSS file –>
<@link rel="stylesheet" type="text/css" href="${url.context}/res/components/dashlets/my-dashlet.css" group="dashlets"/>
</@>


La pagina sembra non recepire le direttive css. Come se non interpretasse gli stili.
L'url è corretto. Se eseguo

http://127.0.0.1:8080/share/res/components/dashlets/my-dashlet.css

mi visualizza il contenuto del file css.

Per creare la dashlet ho creato un jar (jar cfv myalfdashlet.jar *) sulla seguente struttura:

alfresco
           –| site-webscripts
                              —-| dashlets
                                          ——| my-dashlet.get.desc.xml
                                          ——| my-dashlet.get.html.ftl
                                          ——| my-dashlet.get.properties
META-INF
           –| components
                         —-| dashlets
                                     ——| my-dashlet.css
   
<b>my-dashlet.get.desc.xml</b>      

<webscript>
  <shortname>My Dashlet</shortname>
  <description>Example dashlet</description>
  <family>user-dashlet</family>
  <url>/components/dashlets/my-dashlet</url>
</webscript>


<b>my-dashlet.get.html.ftl</b>

<@markup id="css" >
<#– Link to your CSS file –>
<@link rel="stylesheet" type="text/css" href="${url.context}/res/components/dashlets/my-dashlet.css" group="dashlets"/>
</@>

<@markup id="html">
  <@uniqueIdDiv>
    <div class="dashlet my-class">
      <div class="title">${msg("header.title")}</div>
        <div class="body">${msg("text.hello")}</div>          
      </div>
      <div class="blogs-greeting-io">${url.context}</div>
    </@>
</@>


<b>my-dashlet.get.properties</b>

header.title=My dashlet
text.hello=Hello world !!


<b>my-dashlet.css</b>

.title {color:orange;}
.blogs-greeting-io {
   padding: 10px;
   color: orange;
   font-weight: bold;
}

                                    
Il jar l'ho poi inserito in tomcat_home/shared/lib e riavvito il server.

Quale idea in proposito ?

Grazie.
Luigi

Outcomes