How to override style overflow

Flow
1

Hi,

In my firstComponent for HorizontalSplitPanel, I have 2 component added in VerticalLayout, ComboBox and Table. When I use Chrome inspect element I see this code generated for ComboBox;


<div style="overflow-x: hidden; overflow-y: hidden; padding-left: 0px; padding-top: 0px; width: 553px; height: 203px; ">
	<div style="float: left; margin-left: 0px; ">
		<div class="v-filterselect v-filterselect-prompt" style="width: 177px; ">
			<input type="text" class="v-filterselect-input" style="width: 150px; ">
				<div class="v-filterselect-button">
				</div>
			</div>
		</div>
	</div>

How to override this style? For example, change width and height.


<div style="overflow-x: hidden; overflow-y: hidden; padding-left: 0px; padding-top: 0px; width: 553px; height: 203px; ">
2

Those styles are calculated there by the parent layout of the combobox, and they should not be touched with CSS. Use the methods provided in the server side framework to control the space given to each component. Expand ratios is the first one that comes to might that might be causing this (if the space for the combobox is too much).

3

Yeah… the space for the combobox is too much. When I use expandRatio, it’s working.

Thank you.