If your Responsive UI does not display well:

  • Check your website for the correct viewport META tag used in the HEAD section. The tag should look like the following to work correctly:
    <meta name="viewport" content="width=device-width, initial-scale=1">
  • You may be using a legacy Caspio style that is missing styling improvements for mobile and tablet devices. To resolve the issue, perform one of the following actions:
    • Apply a recent style to your DataPage.
    • Open the legacy style in the Styles view and save it. This will apply the styling improvements needed for responsive, however they may need further customization to match your preferences.

    To make additional styling changes, see Modifying Styles for Tablet and Mobile.