• 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)
  • 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

    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

    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

    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 {}

    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

    Fantastic!

    Thank you

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.