• Resolved syrandel

    (@syrandel)


    Hi,
    I am using the “two columns container” in advance fields.
    Is there a way to set the width of the columns ?
    The table and columns are implemented with divs, display:table;table-layout:fixed, and 2 display:table-cell with no classes to differentiate between them.
    In css, I see no way of setting the column widths to 66% and 34% for example.
    If there were classes: column1 and column2, however …
    But maybe someone has another idea.

    Thanks

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter syrandel

    (@syrandel)

    Hi again,

    I have tried to modify the plugin code (Container.php) so to get an additional class (ff-t-cell) for the cells whose name is indexed with column number (cont-cell_1, cont-cell_2).
    It works, by setting the widths of .cont-cell_N, I am able to display my table so that the columns widths are not equal.
    If the plugin developer would be so kind to add this simple feature …

    Thank you

    Plugin Contributor WPManageNinja

    (@wpmanageninja)

    Hello @syrandel,
    You can add your custom css class and then set the width.

    Thanks

    Thread Starter syrandel

    (@syrandel)

    Hi,

    If you mean changing the php code of the plugin, it is what I did.
    The problem is that next time you update the plugin, I will have to do it again. It will be simpler for me and for others if you add a class for each column.

    Thanks

    Plugin Contributor WPManageNinja

    (@wpmanageninja)

    Hello @syrandel,
    I did not mean to change the code. What I meant, You can easily add custom css code from the form editor screen. Just select the column container and from advanced you can add extra css class.

    Thanks

    Thread Starter syrandel

    (@syrandel)

    Hi,

    In my FluentForm editor, the column containers do not have any customization as the input fields have.
    If I add a container class to the input fields and set a width, it does not change the size of the columns.

    Thanks

    Thread Starter syrandel

    (@syrandel)

    There is no pencil icon when hovering on the columns container.

    Plugin Contributor WPManageNinja

    (@wpmanageninja)

    The css class ff-t-cell is available which you can use and add your own css. So the css selector will be:

    form.frm-fluent-form .ff-t-cell {}

    Thread Starter syrandel

    (@syrandel)

    The class ff-t-cell is the same for each of the columns, so there is no way to have columns of different widths.

    Plugin Contributor WPManageNinja

    (@wpmanageninja)

    Got the issue. We will add more classes in our next version and make it work.

    Thanks

    Thread Starter syrandel

    (@syrandel)

    Fantastic!

    Thank you

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘widths of column container cells’ is closed to new replies.