Layout of RadioButtons within a TreeTable

Locked
pgathercole
Posts: 4
Joined: 15 Jun 2016, 13:09

11 Jun 2017, 12:21

I have a form which mainly consists of a treeTable which contains a number of different input components which all behave as expected except for the selectOneRadios which lay themselves out with very strange and confusing spacing as the label of each button seems to be right aligned as if it were the label for the next button. Even though there is a large space between each radio button and its label, this is never used and the label will often be truncated.

I hope I'm not missing something really obvious but I've tried every formatting option I can think of and nothing restores the standard and obvious layout for radio buttons.

If I use selectOneRadio outside of a treeTable then is the layout is controllable as I would expect but as a leaf in the treeTable nothing seems to have any effect.
Primefaces 6.2.19 | Olympos 1.1.2
JSF 2.2
Glassfish 4.1.1
Windows 10 | Firefox 66.0.3

User avatar
aragorn
Posts: 3584
Joined: 29 Jun 2013, 12:38

13 Jun 2017, 08:22

Please try;

Code: Select all

<style type="text/css">
    .ui-treetable.ui-treetable-resizable table.ui-selectoneradio {
        table-layout: auto;
    }

    .ui-treetable.ui-treetable-resizable table.ui-selectoneradio tbody tr > td {
        padding: 0px;
    }
</style>
Fixed for next version; https://github.com/primefaces/layouts/issues/143

pgathercole
Posts: 4
Joined: 15 Jun 2016, 13:09

14 Jun 2017, 11:01

Thanks very much - that does exactly what I was trying to do.
Primefaces 6.2.19 | Olympos 1.1.2
JSF 2.2
Glassfish 4.1.1
Windows 10 | Firefox 66.0.3

User avatar
aragorn
Posts: 3584
Joined: 29 Jun 2013, 12:38

14 Jun 2017, 15:30

Glad to hear, thanks for the update!

Locked

Return to “Olympos”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest