Loading...
 
Skip to main content

Themes

Forum List Topic List

 
Thread actions
Print this page
  • Print all pages

    • Re: bootstrap responsive tables in the split plugin

    Posted by Gary Cunningham-Lee

    The design philosophy of Bootstrap is to stack page parts vertically in small screens that are too wide to fit side by side, so it would be better to replace the table made by the split plugin with Bootstrap grid elements, for example.

    So instead of the split table, the page would use something like

    Copy to clipboard
    {DIV(class="row")}
{DIV(class="col-sm-6")} column one content {DIV}
{DIV(class="col-sm-6")} column two content {DIV}{DIV}


    But a Tiki plugin hasn't been made yet to insert this, unfortunately. For now, if you don't want to edit pages to replace the split tables with code like that, you could just add a div class="table-responsive" around each split plugin, and this will at least enable scrolling the table horizontally in a small screen. (I assume this will work - I haven't tested it; sometimes nested plugins don't work as expected.)

    Copy to clipboard
    {DIV(class="table-responsive")} {SPLIT} ... {/SPLIT} {DIV}


    I think it should be pretty easy to update the SPLIT plugin to be responsive in this way. Both this change and a new plugin to create actual responsive columns should be added to the Tiki plugins.

    -- Gary

    Reads: 673