Jump to content
  • 0
pisaacs

Making Caspio Forms Responsive / Mobile Design

Question

My company's website is now going to a completely responsive front end, but currently none of the Caspio forms on our site work this way.

 

I'm wondering id there are any others who are facing a smilier problem and if there is a solution available. I understand that Caspio forms are not responsive out of the box, but can they made to be?

 

Philip

Share this post


Link to post
Share on other sites

12 answers to this question

Recommended Posts

  • 0

Hey Jan,

 

I'm not sure you understood my question. I'm not looking for information on how to deploy my Caspio forms in WordPress, I have no issues with that. I was looking for information on how to make the forms responsive. Meaning adaptive to different screens. I don't see anything on the site about that and based on this answer I'm guessing it can't not be done currently. Is this correct? 

 

If not, what options are available to deploying the forms/datapages for mobile?

 

Please let me know and thanks in advance,

 

Philip

Share this post


Link to post
Share on other sites
  • 0

I have been looking for the same thing.  My wordpress website is responsive, but by default my Caspio forms and reports are not.

 

I have had to create multiple data pages, based on the screen size / orientation and then use DIVs to hide or show the appropriate data page.  Here is some information on controlling Divs based on screen size.  http://css-tricks.com/forums/topic/mobile-device-trick/

 

It worked for me, but it's a little more work.  If someone else knows a better way, I would like to know too!

Share this post


Link to post
Share on other sites
  • 0

Hi there,

 

I have had a lot of success with this article http://howto.caspio.com/tech-tips-and-articles/responsive-datapages-overview/

 

 

With using some creative workarounds and using the CSS targets they list in those you can do nearly anything you want using standard practices for using CSS to make things responsive.

 

Another general tip is try to always do almost all widths (of datapages and individual elements) in % widths rather than pixels.

 

Hope this helps!

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

Loading...

×
×
  • Create New...