Skip to content
Caspio Ideabox

I suggest you ...

← Caspio

Add Responsiveness to Flex for Better Mobile Display

Flex currently does not display well on mobile. Adding responsiveness to allow for better mobile display would be very helpful.

11 votes
Vote

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
You have left! (?) (thinking…)
JP Miller shared this idea  ·   ·  Report…  ·  Admin →
How important is this to you?

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Miles MacPherson commented  ·   ·  Report

    Try putting this code in an HTML part on the footer (don't put it in the header or sidebar those hide when the screen is small). 1) It changes the minimum size of the datapart from 320px to 220px so no more side scrolling. 2) It reduces the size of the padding on overlay windows. 3) It increases the max height of overlay windows so it uses more of the screen.
    These changes will also impact desktop but I think it looks better.

    <style>
    .cas-apppage {
    min-width: 220px !important;
    }

    :root {
    --cas-common-modal-padding-block: 12px;
    --cas-common-modal-padding-inline: 16px;
    --cas-common-modal-gap: 8px;
    }

    [role="dialog"],
    .p-dialog {
    max-height: calc(100vh - 100px) !important;
    }

    .p-dialog .p-dialog-content {
    overflow-y: auto !important;
    }
    </style>

  • Ty commented  ·   ·  Report

    This would be awesome for the field technicians in my company.

Caspio: DataPages

Categories