[jira] [Commented] (EMPIREDB-406) Provide example CSS for formGrid with mode "grid"

["Rainer Döbele (Jira)" <ji...@apache.org>]

    [ https://issues.apache.org/jira/browse/EMPIREDB-406?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17705085#comment-17705085 ] 

Rainer Döbele commented on EMPIREDB-406:
----------------------------------------

Hi all, 

to experiment with the new FormGrid tag, have a look at the file "employeeDetailPage.xhtml". There you will find line:

<e:formGrid mode="grid" styleClass="grid-columns-2">

The style class "grid-columns-2" will make it a two column layout. Without the grid will only be one column as with mode="table".

The style class "grid-v-align" will vertial-align all label and input controls. In order to see the difference however a control which takes up more than one line (like e.g. a textarea) is needed.

Finally the style "grid-white-gap" will give the grid gaps a white background. The grid-gap can be changed by variables found in "root.css"

Enjoy.

> Provide example CSS for formGrid with mode "grid"
> -------------------------------------------------
>
>                 Key: EMPIREDB-406
>                 URL: https://issues.apache.org/jira/browse/EMPIREDB-406
>             Project: Empire-DB
>          Issue Type: Improvement
>          Components: JSF2 Extensions
>    Affects Versions: empire-db-3.0.1
>            Reporter: Jan Glaubitz
>            Assignee: Rainer Döbele
>            Priority: Trivial
>             Fix For: empire-db-3.0.1
>
>




--
This message was sent by Atlassian Jira
(v8.20.10#820010)