Bootstrap editor within lightbox

BNamericas

Hi, I am new to working with dataTables / datatables editor.
My problem is this: I have a form with 11 fields, what I intend to first load 5 fields and then fill with a "next " button to load the next 5 fields and finally save. Does anyone know how to do it?

I'm open to try other kind of solutions like Tabs or multi column form (2 columns).

http://i.imgur.com/Vfwj88s.jpg

allan

Hi,

Editor 1.5 (out later this week) will have built in support for multi-column layout - you just add a class name to the options.

It is possible to have a Next button which would use show() and hide() to show and hide fields as you move between pages, but it can get a little complicated, particularly when considering error handling. I think that will be a good topic for an in-depth blog post in future.

Sorry I don't have an immediate answer for you, but 1.5 will be available soon (likely Friday).

Allan

allan

Oops - 1.5 doesn't have it "built in" as such, but rather documented in an example as how you would do it.

Using flex box:

div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    width: 50%;
    padding: 5px 20px;
    box-sizing: border-box;
}

div.DTE_Body div.DTE_Form_Content {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}

Or if you are stuck pre-flex box:

div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    float: left;
    width: 50%;
    padding: 5px 20px;
    clear: none;
    box-sizing: border-box;
}

div.DTE_Body div.DTE_Form_Content:after {
    content: ' ';
    display: block;
    clear: both;
}

Allan