on 11-25-2017 8:25 AM
vertical separator line between two equal width sections on screen
Also, this vertical line should be responsive - it should turn into horizontal line on small scree size - first section ...then separator line...second section
you can use Splitter Layout control, and based on your screen size change the orientation dynamic
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Push anyone....
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Hi Deep,
I don't think this is possible but check below link. Hope this control will help you.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Hi Deep,
You can do like this for large screens. But for small devices you have to hide Large screen panels and display other small screen panels. Check below code.
// View Code
<Page title="Title">
<content>
<FlexBox alignItems="Start">
<items>
<Panel headerText="Page One - Large Screens" class="ClsBorderRight">
<layoutData>
<FlexItemData growFactor="1" span="L12 M4 S12"/>
</layoutData>
</Panel>
<Panel headerText="Page Two - Large Screens">
<layoutData>
<FlexItemData growFactor="1" span="L12 M4 S12"/>
</layoutData>
</Panel>
</items>
</FlexBox>
<Panel headerText="Page One - Other Screens" ></Panel>
<Panel headerText="Page Two - Other Screens" ></Panel>
</content>
</Page>
// In style.css
.ClsBorderRight{
border-right: solid black 3px;
}
Hope this will help.
One more thing other than playing around hide/visible thing find some other way to make Flexbox responsive.
User | Count |
---|---|
84 | |
25 | |
12 | |
9 | |
6 | |
6 | |
5 | |
5 | |
4 | |
4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.