[jira] Created: (LABS-207) [beansview] Make showbean table-less

[beansview] Make showbean table-less
------------------------------------

                 Key: LABS-207
                 URL: https://issues.apache.org/jira/browse/LABS-207
             Project: Labs
          Issue Type: Wish
          Components: Magma
            Reporter: Simone Gianni
            Assignee: Simone Gianni


ShowBean, and inherently forms, currently produce layout tables. These are quite well done, and does not create problems with WAI/WCAG validations, but it would be better to find another approach, eventually based on some CSS/JavaScript client layout framework.

Eventually, this could be an additional package.

--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.


---------------------------------------------------------------------
To unsubscribe, e-mail: labs-unsubscribe@...
For additional commands, e-mail: labs-help@...

     [ https://issues.apache.org/jira/browse/LABS-207?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Simone Gianni updated LABS-207:
-------------------------------

         Fix Version/s:     (was: Future)
                        Current
    Remaining Estimate: 0h
     Original Estimate: 0h

We need to have ul/li/div/span based outputs for all of the current view elements :
- ShowBean
- ShowList
- SmartForm
- SmartList

This view should be an alternative to the table based one, cause while the table is well defined, the non-table ones will require the user to write some CSS to display them properly.

> [beansview] Make showbean table-less
> ------------------------------------
>
>                 Key: LABS-207
>                 URL: https://issues.apache.org/jira/browse/LABS-207
>             Project: Labs
>          Issue Type: Wish
>          Components: Magma
>    Affects Versions: Current
>            Reporter: Simone Gianni
>            Assignee: Simone Gianni
>             Fix For: Current
>
>   Original Estimate: 0h
>  Remaining Estimate: 0h
>
> ShowBean, and inherently forms, currently produce layout tables. These are quite well done, and does not create problems with WAI/WCAG validations, but it would be better to find another approach, eventually based on some CSS/JavaScript client layout framework.
> Eventually, this could be an additional package.

--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.


---------------------------------------------------------------------
To unsubscribe, e-mail: labs-unsubscribe@...
For additional commands, e-mail: labs-help@...

     [ https://issues.apache.org/jira/browse/LABS-207?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Simone Gianni updated LABS-207:
-------------------------------


It is still not possible to emulate what is done with tables using pure CSS.

The problem is that table cells tend to fill the available space, while floating divs tend to use minimal space. In current table-based forms, if I place a fixed size (like zipcode) field on the side of a full size (like address) field, cells will correctly use the minimum space for the fixed size field and filol all the rest with space for the full size one. On the opposite, using divs and CSS this is not possible, unless display:table(-row|-cell) is used, which is currently supported only in IE8, making it a solution for the future but not right now.

There are some CSS+Javascript framework that manages to emulate the "fill as much as possible" behaviour using floating divs, like ElastiCSS, and they are compatible back to IE6, but are an intermediate solution.

So, I'll proceed with extracting the HTML generation part in a separate replaceable class, but forms will now stay on the table based system, while the non-table based implementation will not honor the side-by-side relations. Implementations based on display:table or css+javascript framework will be a viable options once there is an easy way to replace the generated HTML.

> [beansview] Make showbean table-less
> ------------------------------------
>
>                 Key: LABS-207
>                 URL: https://issues.apache.org/jira/browse/LABS-207
>             Project: Labs
>          Issue Type: Wish
>          Components: Magma
>    Affects Versions: Current
>            Reporter: Simone Gianni
>            Assignee: Simone Gianni
>             Fix For: Current
>
>   Original Estimate: 0h
>  Remaining Estimate: 0h
>
> ShowBean, and inherently forms, currently produce layout tables. These are quite well done, and does not create problems with WAI/WCAG validations, but it would be better to find another approach, eventually based on some CSS/JavaScript client layout framework.
> Eventually, this could be an additional package.

--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.


---------------------------------------------------------------------
To unsubscribe, e-mail: labs-unsubscribe@...
For additional commands, e-mail: labs-help@...

     [ https://issues.apache.org/jira/browse/LABS-207?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Simone Gianni updated LABS-207:
-------------------------------


After a lot of work, I went another way to solve the problem.

Now, ShowList and ShowBean (the basic producers) accepts a "style". The style is a class responsible of generating the HTML. This class generates a velocity template, which is then cached and reused, that contains calls to generate the actual content.

This approach permits to have different styles (currently the table based and ul/li based for lists, the table based for show bean and form, and a "plain divs" for show bean only).

Also, since the HTML template is generated only once, it is no longer a performance issue.

The velocity template contains only the HTML part. Everything else is fetched doing calls inside velocity. This includes labels, cause they have to generated every time due to i18n.

The choice of velocity is just because of simplicity.

> [beansview] Make showbean table-less
> ------------------------------------
>
>                 Key: LABS-207
>                 URL: https://issues.apache.org/jira/browse/LABS-207
>             Project: Labs
>          Issue Type: Wish
>          Components: Magma
>    Affects Versions: Current
>            Reporter: Simone Gianni
>            Assignee: Simone Gianni
>             Fix For: Current
>
>   Original Estimate: 0h
>  Remaining Estimate: 0h
>
> ShowBean, and inherently forms, currently produce layout tables. These are quite well done, and does not create problems with WAI/WCAG validations, but it would be better to find another approach, eventually based on some CSS/JavaScript client layout framework.
> Eventually, this could be an additional package.

--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.


---------------------------------------------------------------------
To unsubscribe, e-mail: labs-unsubscribe@...
For additional commands, e-mail: labs-help@...

     [ https://issues.apache.org/jira/browse/LABS-207?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Simone Gianni resolved LABS-207.
--------------------------------

    Resolution: Fixed

> [beansview] Make showbean table-less
> ------------------------------------
>
>                 Key: LABS-207
>                 URL: https://issues.apache.org/jira/browse/LABS-207
>             Project: Labs
>          Issue Type: Wish
>          Components: Magma
>    Affects Versions: Current
>            Reporter: Simone Gianni
>            Assignee: Simone Gianni
>             Fix For: Current
>
>   Original Estimate: 0h
>  Remaining Estimate: 0h
>
> ShowBean, and inherently forms, currently produce layout tables. These are quite well done, and does not create problems with WAI/WCAG validations, but it would be better to find another approach, eventually based on some CSS/JavaScript client layout framework.
> Eventually, this could be an additional package.

--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.


---------------------------------------------------------------------
To unsubscribe, e-mail: labs-unsubscribe@...
For additional commands, e-mail: labs-help@...

     [ https://issues.apache.org/jira/browse/LABS-207?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Simone Gianni updated LABS-207:
-------------------------------


It all seems to work correctly, so I'm closing this bug.

> [beansview] Make showbean table-less
> ------------------------------------
>
>                 Key: LABS-207
>                 URL: https://issues.apache.org/jira/browse/LABS-207
>             Project: Labs
>          Issue Type: Wish
>          Components: Magma
>    Affects Versions: Current
>            Reporter: Simone Gianni
>            Assignee: Simone Gianni
>             Fix For: Current
>
>   Original Estimate: 0h
>  Remaining Estimate: 0h
>
> ShowBean, and inherently forms, currently produce layout tables. These are quite well done, and does not create problems with WAI/WCAG validations, but it would be better to find another approach, eventually based on some CSS/JavaScript client layout framework.
> Eventually, this could be an additional package.

--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.


---------------------------------------------------------------------
To unsubscribe, e-mail: labs-unsubscribe@...
For additional commands, e-mail: labs-help@...