Jump to content
kpcollier

Center Forms with New Responsive Feature

Recommended Posts

Upon using the new Responsive DataPages feature from Caspio Release 21, I noticed all of my forms that had this enabled were aligned to the left. I couldn't get any of the solutions already in this forum to center my datapages. The new Responsive feature completely restructures the HTML of the DataPages.

I have tried a lot of things. In DevTools, if you select the .caspioform element, you can add 'text-align: -webkit-center;" and it works. However, try adding this CSS rule to your DataPage, and nothing happens.

Edit*:

Live Chat has helped me find a fix.

[action*="[@cbAppKey]"] > div:nth-child(1) {
margin: auto !important;
}

This should center your DataPages. They are working on adding it to Styles.

Share this post


Link to post
Share on other sites

@Altair Nice find. I couldn't get the webkit method to work from directly on the DP. The script updated above works, however. 

LC also said they are implementing a quick and easy setting for it in Styles, so we should be alright!

Share this post


Link to post
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.

Guest
Reply to this topic...

×   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.

Loading...

×
×
  • Create New...