jQWidgets Forums

jQuery UI Widgets Forums Angular Splitter Border

This topic contains 1 reply, has 1 voice, and was last updated by  MattB 8 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Splitter Border #94068

    MattB
    Participant

    I am converting an AngularJS project to Angular 4. The main splitter should fill the browser window without scroll bars. In the AngularJS and before that the JQuery version, all I did was add border:none to the tag. This does not seem to work in Angular 4. Any tips here? Seems easy enough.

    <div class=”fill” >
    <jqxSplitter #mainSplitterReference style=”border:none;”
    [width]='”100%”‘
    [height]='”100%”‘
    [theme]='”custom”‘
    [orientation]='”horizontal”‘
    [showSplitBar]=’false’
    [resizable]=’false’
    [panels]='[{ size: 150, collapsible: false },{ collapsible: false }]’>
    <div class=”fill”>
    <shared-header></shared-header>
    </div>
    <div class=”fill”>
    <router-outlet></router-outlet>
    </div>
    </jqxSplitter>
    </div>

    Splitter Border #94071

    MattB
    Participant

    OK, I found this. Apply to the div container class=”jqx-hideborder jqx-hidescrollbars”

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

You must be logged in to reply to this topic.