You're almost there! Please answer a few more questions for access to the Applications content. Complete registration
Interested in joining? Complete your registration by providing Areas of Interest here. Register

help needed to improve the UI of dashboard page

Summary:


Hi Experts

I have below UI for my dashboard page in my applicaiton, customer is asking to improve but i don't understand how i can improve the UI keeping all the redwood components as is. Please help me

below is 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="Oracle Integration" overline-text=" " description-text="Management & Monitoring">  <div class="oj-flex oj-sm-justify-content-center">    <h4>Click on one of the cards below</h4>  </div>  <div class="oj-flex oj-panel oj-panel-shadow-lg oj-bg-neutral-30 oj-sm-margin-2x" data-vb-layout-type="grid">    <oj-bind-for-each data="[[ $page.variables.vDashboardMenu ]]">      <template>        <oj-sp-card primary-text="[[ $current.data.title ]]" image-size="md"          image.src="[[ $application.path + $current.data.icon ]]" secondary-text="[[ $current.data.subtitle ]]"          style="background-color: var(--oj-core-color-brand-2); color: var(--oj-core-text-color-primary); border-radius: 12px;"          translate="no" badge.style="strong" class="oj-sm-margin-4x"          on-sp-card-action="[[$listeners.cardSpCardAction]]">

Tagged:

Howdy, Stranger!

Log In

To view full details, sign in.

Register

Don't have an account? Click here to get started!