Forums » English »

JQuery ui tabs & elrte

Added by Nicolas Pirlot 10 months ago

Hi all, i am trying to put 2 elrte in the same page. in different tabs.
Of course elrte failed to load on hidden tabs.

I'm trying to load only in the show envent of tabs fonctionality but with no success.

var opts = {
cssClass : 'el-rte',
lang : 'fr',
height : 350,
toolbar : 'complete',
cssfiles : [ '.vue/Theme/default/Styles/elrte.min.css' ]
};
$( "#tabs" ).tabs({ show: function(event, ui) { $('#tabs-msg').elrte(opts); }});

Is there somebody to explain me what i have to do for solving this problem ?

Thanks in advance ^^

PS: sorry for my english, i am a french user ;)


Replies (2)

RE: JQuery ui tabs & elrte - Added by Nicolas Pirlot 10 months ago

Finaly i put different id for <div> using elrt and i get them like this:

$( "#tabs" ).tabs({ show: function(event, ui) 
    {  
        $('#' + ui.panel.children[1].children[0].children[2].id).elrte(opts); 
    }
    });

But i am not very fan, because if i add somethink in a tabs, children id are not the same...

Hox can we do a more elegant way ?

RE: JQuery ui tabs & elrte - Added by Troex Nevelin 10 months ago

I think this solution is quiet okay, maybe a better way would be to create #elrte-1, elrte-2 ids in each tab and depending on your current tab you will call $('#elrte-' + num)...

(1-2/2)