Steps to Reproduce

1. create a splitlayout with the code below

   <div width="600px" height="200px" >
   	<splitlayout  vflex="1" hflex="1" >
   		<div class="area" vflex="1">
   			<label value="Area 1"  />
   		</div>
   		<div class="area" vflex="1">
   			<label value="Area 2 />
   		</div>
   	</splitlayout>
   </div>
   

2. check splitter's css

Current Result

<div id="oEmX3-splitter" class="z-splitlayout-splitter z-splitlayout-splitter-vertical" style="display: block; cursor: s-resize; width: 600px;">...</div>

it contains inline style like width:600px

Expected Result

css rules are specified in its zclass

Debug Info

• if users want to customize the splitter's width like the screenshot below, they have to use !important; which is usually not suggested and make application developers harder to customize its style.