Hello Experts!
I am designing perspective page. I have Navigation and header section docked views on the left and top edges respectively.
But in header section at right hand side, a blank space is getting generated which is not required.
For your reference below is the view i defined in designer:
Designer:
On web page:
I want date time and calendar logo components to be aligned at right hand side.
Thanks is advance!
You might want to set justify to 'space between' on the main flex container. Also, if a component has 'grow' set to 1 it will always fill out any available space. Can you post a screenshot of your flex containers?
To clarify further, select the date picker and set
POSITION.grow : 0
Hi @Fran_Dujmovic,
Please find below my designer configuration:
1. Header View:
2. Flex Container inside root container:
Further Details:
Root Container: Mode > Percent
Coordinate container(having ignition logo) inside root container: Mode > Fixed
I think you'd be better off just creating a root Flex Container with 2 Flex Containers justified with space between. In the left Flex container you'd put your Ignition logo and set its grow property to 1 (or if you're using an image you can set the contain property to 'fill') and in the right Flex Container you'd put your label for your date/time and set the property of 'Flex Right' to justify and align contents to 'center.
Here's a visual representation of what I mean;
Coordinate containers stretch out the content when set to 'percent', which is probably what's causing your issue seeing as your 'Header' root container is a coordinate container.
