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>