How to justify the form components to center of the form layout
Summary:
Hi Experts
How to make the components within the form layout to center , please help. it looks odd that buttons are centered but the form components are left justified
@Sherif Bashar @Shay Shmeltzer-Oracle
My code:
<oj-sp-welcome-page id="oj-sp-wp1" background-color="[[ $page.variables.backgroundColor ]]" illustration-background="[[ require.toUrl($page.variables.illustrationBackground) ]]" illustration-foreground="[[ require.toUrl($page.variables.illustrationForeground) ]]" display-options.image-stretch="[[ $page.variables.imageStretch ]]" display-options.mobile-image="[[ $page.variables.mobileImage ]]" display-options.responsive-padding="on" page-title="HRA" overline-text=" " description-text="Request Workbench" secondary-actions='[{"label":"Create Request","id":"id-button-create-request"}]' on-sp-secondary-action="[[$listeners.ojSpWp1SpSecondaryAction]]"> <div class="oj-flex oj-md-margin-8x-start oj-md-margin-8x-end sample-box">
<div class="oj-flex-item oj-sm-flex-direction-column sample-box2"> <oj-collapsible class="oj-flex-item oj-sm-flex-direction-column" expanded="true"> <div class="oj-panel oj-flex-item oj-sm-flex-initial"> <oj-validation-group id="id-wel-page-search-formvalidation" class="oj-flex-item"> <oj-form-layout max-columns="4" label-edge="top" direction="column" class="oj-flex-item oj-sm-padding-2x-horizontal oj-flex-item "> <oj-select-single label-hint="Year" class="oj-flex-item"></oj-select-single> <oj-select-single label-hint="Employee Name" class="oj-flex-item"></oj-select-single> </oj-form-layout> </oj-validation-group>