<style>
.e-splitter .e-splitbar.e-h-bar {
width: 14px;
}
.e-splitter .e-splitbar > .e-icon.e-arrow-sans-left:before {
font-size: 18px;
}
.e-splitter .e-splitbar > .e-icon:before {
font-size: 18px;
}
</style> |
<ej-splitter id="dxmapSplitter" height="250" width="400" is-responsive="true" resize="re_onResizeSplitterMap" expand-collapse="re_onResizeSplitterMap" enable-auto-resize="true" orientation="@Orientation.Horizontal">
<e-split-panes>
<e-split-pane pane-size="80%">
<e-content-template>
<div class="cont">
Pane 1
</div>
</e-content-template>
</e-split-pane>
<e-split-pane pane-size="20%">
<e-content-template>
<div class="cont">
Pane 2
</div>
</e-content-template>
</e-split-pane>
</e-split-panes>
</ej-splitter>
|
<style>
.e-splitter .e-splitbar.e-h-bar {
width: 14px;
}
.e-splitter .e-splitbar > .e-icon.e-arrow-sans-left:before {
font-size: 18px;
}
.e-splitter .e-splitbar > .e-icon:before {
font-size: 18px;
}
</style> |
<ej-splitter id="dxmapSplitter" height="250" width="400" is-responsive="true" resize="re_onResizeSplitterMap" expand-collapse="re_onResizeSplitterMap" enable-auto-resize="true" orientation="@Orientation.Horizontal">
<e-split-panes>
<e-split-pane pane-size="80%">
<e-content-template>
<div class="cont">
Pane 1
</div>
</e-content-template>
</e-split-pane>
<e-split-pane pane-size="20%">
<e-content-template>
<div class="cont">
Pane 2
</div>
</e-content-template>
</e-split-pane>
</e-split-panes>
</ej-splitter>
|