Is there a way to display text or any edit component side by side, while in a Tabs Container in a form page.
I like the tab container view as any required fields are required to be met even when the tab hasn’t been opened. When I use Tabs, the moment a user selects a new tab and hasn’t completed required components it allows the user to submit the form.
The image below uses Tabs with containers split in 1 2 or 3 columns. I am struggling to recreate it using Tab Container.
Tabs Container sounds like a no because you can’t add a container inside another container for now.
Thats the issue I am facing, just wondering if there is a work-around or maybe css hack that might make it possible
Bob to the rescue as always!!!
Hint
class=prevent-submit
Visibility Conditions = On
CSS
#main-root:has(.prevent-submit) button[aria-label=“Submit”]{
pointer-events : none !important;
opacity : 0.35 !important;
}
That CSS doesn’t solve your problem though? Isn’t it one to disable the Submit button?
