Layout of RadioButtons within a TreeTable

Post Reply
pgathercole
Posts: 2
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.

User avatar
aragorn
Posts: 2658
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: 2
Joined: 15 Jun 2016, 13:09

14 Jun 2017, 11:01

Thanks very much - that does exactly what I was trying to do.

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

14 Jun 2017, 15:30

Glad to hear, thanks for the update!

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest