Semantic UI with dom option

berndca

When I'm using the option

     "dom": 'rtip',

to turn off search and page size widgets the pagination menu on the bottom does not get any of the semantic ui specific markup leaving the pagination menu on the bottom left, just below the videos_info.

The elements .row, .seven.wide.column and .right.aligned.nine.wide.column are missing.

Is there another way turn remove the #videos_length element and use my own search input?

Thanks, Bernd

allan

You need to use the dom option that the Semantic UI integration uses as the basis for your modification. Its more complex that the default unfortunately as Semantic UI requires extra markup.

I plan to make this easier in future, but that's how it needs to work at the moment.

Allan

berndca

Thanks, I changed the dom options to

    dom:
      "<'ui grid'"+
        "<'row'"+
          // "<'eight wide column'l>"+
          // "<'right aligned eight wide column'f>"+
        ">"+
        "<'row dt-table'"+
          "<'sixteen wide column'tr>"+
        ">"+
        "<'row'"+
          "<'seven wide column'i>"+
          "<'right aligned nine wide column'p>"+
        ">"+
      ">", 

batsirai

HI Allan

What about the Buttons (copy, csv, excel, etc) - having issues showing them at all in semantic-ui... everything else seems to be working just fine- for my needs.

allan

I having done an integration for Buttons with Semantic UI yet I'm afraid. That is something which is on the todo list.

You should just need to add the B character to the dom option to have it display, but it won't be Semantic UI styled.

Allan

allan

I've just committed support for Semantic UI in Buttons :-)

Allan