jQWidgets Forums

jQuery UI Widgets Forums Dialogs and Notifications Window tabs not displyaing correctly inside floating window

Tagged: ,

This topic contains 1 reply, has 2 voices, and was last updated by  Peter Stoev 12 years, 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • silvana
    Member

    Hi Peter, once I put the tabs inside a window, the height automatically changes to 12px. So I can’t use or read the tab’s titles. It also displays 2 grey arrows on right hand side. If I use the example in the demo, the tabs do not display at all…

    here is my code:

    $(document).ready(function () {
    createElements();
    createWindows();

    });
    function createElements() {
    $(‘#jqxTabs’).jqxTabs({ width: 750, height: 250, position: ‘top’ });

    }

    function createWindows() {
    //Creating the new windows
    var mainDivAdminPortal = $(‘#mainDivAdminPortal’);
    var offset = mainDivAdminPortal.offset();
    $(‘#caseDetails’).jqxWindow({ height:600, width: 800, maxHeight: 600, maxWidth: 800, minHeight: 600, minWidth: 800, showCollapseButton: true, position: { x: offset.left + 150, y: offset.top + 50}
    });
    $(‘#caseDetails’).jqxWindow(‘hide’);
    $(‘#caseDetails’).jqxWindow(‘close’);
    }

    WINDOW:

    Case Details

    TABS:

    Notes ()
    Attachments ()

    Created on: 

    By: ${createdByUser.contact.fullName}

    0″>
    ${subject}:

    $(function() {
    $(“#notesHeight”).fixedHeader({
    height: 200
    });
    });

    $(function() {
    $(“#attachHeight”).fixedHeader({
    height: 200
    });
    });


    Peter Stoev
    Keymaster

    Hi,

    The following is a sample which demonstrates how to display jqxTabs within jqxWindow: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxwindow/index.htm.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.