Page 1 of 1

Sortable tabs in designer

Posted: 13 May 2016
by Sonoma
Any way to add this to the designer to have sortable tabs? Then after changed the save take?

Code: Select all

$(function() {
    var tabs = $( "#fd_tabcontrol-0" ).tabs();
    tabs.find( ".ui-tabs-nav" ).sortable({
      axis: "x",
      stop: function() {
        tabs.tabs( "refresh" );
      }
    });
  });

Re: Sortable tabs in designer

Posted: 16 May 2016
by Dmitry Kozlov
Your code workd for me. Or do mean you need to save the order of the tabs after saving the form?

Re: Sortable tabs in designer

Posted: 16 May 2016
by Sonoma
Yes, it works for me in the user forms but in the designmode every once in a while we need to swap tabs but end up moving the objects out of a tab, adding the new tab and place the objects back in. It would be nice to sort the tabs manually if we add a new tab or maybe inserting a new tab inbetween 2 existing tabs.

Thanks.

Re: Sortable tabs in designer

Posted: 17 May 2016
by Dmitry Kozlov
Thanks for your feedback. We included this feature to our roadmap, hope it will become available soon. If you have a lot of fields/controls in tabs, you can swap them by exporting form into a file and modifing it in a text editor. Please, read the following thread:
viewtopic.php?f=1&t=530