Premium support for our pure JavaScript UI components


Post by vbureanu »

Hello,

We have created 3 duration elements. (HHMMSS)
How can we place elements inline?

Thanks,
Vitalie

duration.png
duration.png (122.92 KiB) Viewed 382 times
duration2.png
duration2.png (136.8 KiB) Viewed 382 times

Post by joakim.l »

Hi vbureanu.

Those fields are added to a container with flexbox layout. So you could try just setting flex-basis to perhaps 33%. You would probably need some margin aswell, so perhaps something like this:

newDurationHourField: {
	type: 'number',
	weight: 510,
	label: 'Duration Hour',
	name: 'duration_hour',
	onChange: durationHourChangeEO,
	min: 0,
	style : {
		flex: '1 0 30%',
		marginInlineEnd: '.6em'
	}
}

Please note that for next time, it would save some effort on our side if the code example is posted as text, rather than an screenshot.

Regards
Joakim


Post by vbureanu »

Hello Joakim,

Thanks a lot for answer!

You are right about effort.
Next time I will attach a text code or codesource.

Sincerely, Vit


Post Reply