Jump to content
  • 0

Mysterious margins in embedded data pages



We're having a problem wherein our data pages, when embedded in a web page, include a 15% left margin, 15% right margin, and 70% width. All of these are implemented via inline CSS using the !important tag. We did not add this code to our data pages, and we cannot figure out how to change it. Editing styles in Caspio Bridge has no effect—the !important tag in the inline CSS overrides all other styles. Has anyone else run into this? Do you know how to change it? I attached a screen shot taken of the embedded page with debugger windows on the right. We're launching our site this weekend, and it would be great if we could fix this problem before launch.

I've already contacted customer service, and they have absolutely no idea where the code came from or how to change it.


Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Hi @Mik271828,

It looks like the Datapage has been deployed within a container which has width <1024 px, hence responsive CSS has been applied on styling.

You may disable a responsive option if you do not use Datapages on tablet/mobile devices or go into the Style section -->Source and change the HTML properties related to tablet/phone CSS.

Hope this helps.



Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...