Canigó - Detall dels tags - row

Detall dels tags - row

Defineix una fila. Tots els tags que contingui es distribuiran horitzontalment, un al costat de l'altre.

Estén el tag layout:row ( http://struts.improve-technologies.com/doc/tags/layout.html#row ) de Struts-Layout

La documentació auto-generada del tag és a http://canigo.ctti.gencat.net/confluence/canigodocs/site/canigo2_2/tlddoc/fwk/row.html

Atributs heredats

Els atributs heredats de layout:row son: space.

Atributs específics de Canigó

Atribut Funció
styleClass  
width amplada total de la fila, en pixels

Exemple

A continuació es presenta un fragment de pàgina que utilitza el tag fwk:row

L'exemple crea dues files que contenen tres camps de texte en cada una.

Cal observar que els elements dels diferents rows no estàn alineats entre sí. Per aconseguir-ho caldrà utilitzar un grid.

Pàgina JSP

<%@ include file="/WEB-INF/jsp/includes/fwkTagLibs.jsp" %>

<fwk:form action="provesTagsLayout.do"
          styleId="myActionForm"
          key="jsp.provesTags.ProvesTagsSimple.form"
          reqCode="show"
          method="post"
          layout="true">
    <fwk:row>
        <fwk:text key="jsp.provesTags.ProvesTagsSimple.camp1"
                  styleId="camp1"
                  mode="E,E,E"
                  layout="true"
                  maxlength="10"
                  size="10"
                  property="camp1"/>
        <fwk:text key="jsp.provesTags.ProvesTagsSimple.camp2"
                  styleId="camp1"
                  mode="E,E,E"
                  layout="true"
                  maxlength="15"
                  size="15"
                  property="camp1"/>
        <fwk:text key="jsp.provesTags.ProvesTagsSimple.camp3"
                  styleId="camp1"
                  mode="E,E,E"
                  layout="true"
                  maxlength="8"
                  size="8"
                  property="camp1"/>
    </fwk:row>
    <fwk:row>
        <fwk:text key="jsp.provesTags.ProvesTagsSimple.camp4"
                  styleId="camp1"
                  mode="E,E,E"
                  layout="true"
                  maxlength="15"
                  size="15"
                  property="camp1"/>

        <fwk:text key="jsp.provesTags.ProvesTagsSimple.camp5"
                  styleId="camp1"
                  mode="E,E,E"
                  layout="true"
                  maxlength="10"
                  size="10"
                  property="camp1"/>
        <fwk:text key="jsp.provesTags.ProvesTagsSimple.camp6"
                  styleId="camp1"
                  mode="E,E,E"
                  layout="true"
                  maxlength="12"
                  size="12"
                  property="camp1"/>
    </fwk:row>
</fwk:form>

Arxius d'internacionalització

Els elements de layout no son visibles i, per tant, no tenen textes asssociats.


Attachments:
fwk_row.jpg (image/jpeg)