Hello Marine,
did the solution proposed by mr.keck work then?
I am facing the same problem you faced, but for some reason, embedding the
tab does not
seem to work properly (namely, the tab text does not switch appropriately
when the
tabs are selected).
If you have a code snippet running, showing a jquery tab inside a jquery
dialog box,
that would be of much help ;-)
Many thanks,
Pg
mrn31 wrote:
>
>
> Thanks for your answer mk.keck : it's a good one !!!
>
> To use tabs in Dialog :
> HTML : use a container "dialog" to display a "tabs" container
> JQUERY : see mk.keck comments ;)
>
> I dont know if it possible to closed this subject :( ... i check for
> that... :)
>
> Best regard
> mrn31
>
> On 21 oct, 15:43, "mk.keck" <m...@michaelkeck.de> wrote:
>> of course tabs in dialogs are working:
>> you should change your code a little:
>>
>> <!-- html part -->
>> <div id="dialog_with_tabs" title="Create new user">
>> <div id="tabs_in_dialog">
>> <ul>
>> <li> #tabs-1 Tab 1 </li>
>> <li> #tabs-2 Tab 2 </li>
>> <li> #tabs-3 Tab 3 </li>
>> </ul>
>> <div id="tabs-1">
>> <p>Content of Tab "1"</p>
>> </div>
>> <div id="tabs-2">
>> <p>Content of Tab "2"</p>
>> </div>
>> <div id="tabs-3">
>> <p>Content of Tab "3"</p>
>> </div>
>> </div>
>> </div>
>> <!-- html part -->
>>
>> <!-- jquery part -->
>> $("#dialog_with_tabs").dialog({
>> bgiframe: true,
>> autoOpen: false,
>> height: 500,
>> width: 500,
>> modal: true,
>> buttons: {
>> Cancel: function() {
>> $(this).dialog('close');
>> }
>> }
>> });
>> $("#dialog_with_tabs").bind('dialogopen', functon() {
>> /* init tabs, when dialog is opened */
>> $("#tabs_in_dialog").tabs();
>> });
>> $("#dialog_with_tabs").bind('dialogclose', functon() {
>> /* your function */
>> allFields.val('').removeClass('ui-state-error');
>> /* destroy tabs to avoid problems on re-open */
>> $("#tabs_in_dialog").tabs('destroy');
>> /* destroy dialog to avoid problems on re-open */
>> $("#dialog_with_tabs").tabs('destroy');
>> });
>> /* your function to open the dialog */
>> $("#dialog_with_tabs").dialog('open');
>> <!-- jquery part -->
>>
>> On Oct 20, 2:21 am, mrn31 <marineisher...@gmail.com> wrote:
>>
>> > Hi all , i try this but i get some troubles :
>>
>> > -------- HTML ---------
>>
>> > <button id="tabtest" class="ui-button ui-state-default ui-corner-
>> > all">tabtest</button>
>>
>> > <div id="dialogtab" title="Create new user">
>> > <ul>
>> > <li> #tabs-1 Nunc tincidunt </li>
>> > <li> #tabs-2 Proin dolor </li>
>> > <li> #tabs-3 Aenean lacinia </li>
>> > </ul>
>> > <div id="tabs-1">
>> > <p>p1</p>
>> > </div>
>> > <div id="tabs-2">
>> > <p>p1</p>
>> > </div>
>> > <div id="tabs-3">
>> > <p>p1</p>
>> > <p>p2</p>
>> > </div>
>>
>> > </div>
>>
>> > -------- JS ---------
>>
>> > $("#dialogtab").dialog({
>> > bgiframe: true,
>> > autoOpen: false,
>> > height: 500,
>> > width: 500,
>> > modal: true,
>> > buttons: {
>> > Cancel: function() {
>> > $(this).dialog('close');
>> > }
>> > },
>> > close: function() {
>> >
>> allFields.val('').removeClass('ui-state-error');
>> > }
>> > });
>> > $("#dialogtab").tabs();
>>
>> > $('#tabtest').click(function() {
>> > $('#dialogtab').dialog('open');
>> > })
>>
>> > It seems that tabs get strange events there...
>>
>> > The aim is to get tabs in a modal window.
>>
>> > Hope you could help.
>>
>> > Tx all for your project, it was cool to do with it
>>
>> > Regards
>>
>> > marine
> --~--~---------~--~----~------------~-------~--~----~
> You received this message because you are subscribed to the Google Groups
> "jQuery UI" group.
> To post to this group, send email to jquery-ui@googlegroups.com
> To unsubscribe from this group, send email to
> jquery-ui+unsubscr...@googlegroups.com
> For more options, visit this group at
> http://groups.google.com/group/jquery-ui?hl=en
> -~----------~----~----~----~------~----~------~--~---
>
>
>
--
View this message in context:
http://old.nabble.com/How-to-use-tabs-in-Dialog---tp25975397s27240p27064429.html
Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
