Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
960
Extra margin space when inside a jQueryUI tab
posted

I want to use a igLyoutManager inside a jQueryUI tabs widget. The body has margins so that the tabs "folder" is inset into the screen. The problem is that those margins are ALSO used by the igLayoutManager so it is offset from the tab which makes no sense.

If the igLayoutManager is outside of the tab, then it is correctly placed in the right place.

Why does the layoutManager 'double' the margins?

  • 20255
    Offline posted

    Let me know if I may be of further assistance.

  • 20255
    Offline posted

    Hello,

    Thank you for contacting us!

    Could you please let me know if I am missing something from your scenario.

    About your question, the style which is associated with the body element is not related to the igLayoutManager, you should consider to change the tabs css somehow. For example I have removed the padding from the tab css classes and now you can see that the igLayoutManager will be  filling entirely the Tab element:

    http://jsfiddle.net/zdravko/uzpogzbk/2/show/

    Code snippet:

    //definition which is overriding the default css classes

    .ui-tabs .ui-tabs-panel{

        padding:0em 0em;

    }

    Please let me know if I may be of further assistance.