Hi,

 I am using Ultrawebtab version v8.2. I am adding tabs dynamically which contains the pdf files.Also i am using  the jquery dialogbox as messagebox.So When i click on button and tab in ultraweb contains the pdf file the messagebox hides behind pdf.So i decided to hide the ultrawebtab control when meesagebox is shown.I used following script to show messagebox and hide ultrawebtab control.

    function informationDialog(title, dialogText) {


            var myUltraWebTab = igtab_getTabById('tabControl');
            if (myUltraWebTab != null) {
                myUltraWebTab.element.style.display = "none";
            }
            $('body').append("<div id='dia' title='" + title + "'>" + dialogText + "</div>");

            $("#dia").dialog({
                resizable: false,
                modal: true,
                close: function (event, ui) { $('body').find('#dia').remove(); },
                buttons: {
                    "Ok": function () {
                        $(this).dialog('close');
                        var tab = myUltraWebTab.getSelectedTab();
                        // reference to div which contains all child controls of tab
                        var div = tab.elemDiv;
                        myUltraWebTab.element.style.display = "block";
                    }
                }
            });

When i click on ok button in messagebox it shows the ultrawebtab.but its height is changed.as shown in image.Before displaying message box pdf  spans upto  height of the page

    <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional" RenderMode="Inline">
                        <ContentTemplate>
                            <asp:Panel ID="Panel1" runat="server" Height="100%" Style="z-index: 0;" Visible="true">
                                <igtab:UltraWebTab ID="tabControl" Font-Bold="false" BorderStyle="None" runat="server"
                                    Style="border-spacing: 0px; height: 100%" AutoPostBack="true" ViewStateMode="Enabled"
                                    DisplayMode="Scrollable" LoadAllTargetUrls="false" EnableAppStyling="True" EnableTheming="true"
                                    Height="100%" EnableViewState="true" AsyncMode="On" OnTabClick="tabControl_TabClick "
                                    ThreeDEffect="false" Width="100%" SelectedTab="-1" Visible="false" ClientIDMode="Static"
                                    BrowserTarget="Auto">
                                    <RoundedImage FillStyle="LeftMergedWithCenter" NormalImage="imageedit_2_2287647459.jpg"
                                        SelectedImage="imageedit_13_4149283003.jpg" HoverImage="imageedit_16_3964612111.jpg" />
                                    <ScrollButtons LeftButton-Image="prev_up_new.gif" LeftButton-DisabledImage="prev_disabled_new.gif"
                                        LeftButton-HoverImage="prev_hover_new.gif" LeftButton-PressedImage="prev_down_new.gif">
                                    </ScrollButtons>
                                    <ScrollButtons RightButton-Image="next_up_new.gif" ShowPartialTabs="true" AllowScrollToLastTab="true"
                                        UseBrowserDefaults="true" RightButton-DisabledImage="next_disabled_new.gif" RightButton-HoverImage="next_hover_new.gif"
                                        RightButton-PressedImage="next_down_new.gif">
                                    </ScrollButtons>
                                    <AsyncOptions EnableProgressIndicator="true" Triggers="SelectedTabChanged" RequestContext="IncludeFormData"
                                        ResponseContext="IncludeAllTabs" />
                                </igtab:UltraWebTab>
                            </asp:Panel>
                        </ContentTemplate>
                        <Triggers>
                            <asp:AsyncPostBackTrigger ControlID="tabControl" EventName="TabClick" />
                        </Triggers>
                    </asp:UpdatePanel>