Jump to content
  • 0
Fibonacciphil

Need to format details page better

Question

I’m fairly new to this and am having difficulty adjusting my stylesheet to show results in a certain way.
Not sure where i have to go to edit the relevant items.

I’m trying to:
Delete all borders around any cells or tables.

Set Label text width to a fixed amount.
Set the width of data fields to a certain width, and allow wrapping of text.

Change the padding on data cells results.

Screenshots of before and after attached.

CaspioStyles2.JPG

CaspioResultsRequired.JPG

Share this post


Link to post
Share on other sites

1 answer to this question

Recommended Posts

  • 0
6 hours ago, Fibonacciphil said:

I’m fairly new to this and am having difficulty adjusting my stylesheet to show results in a certain way.
Not sure where i have to go to edit the relevant items.

I’m trying to:
Delete all borders around any cells or tables.

Set Label text width to a fixed amount.
Set the width of data fields to a certain width, and allow wrapping of text.

Change the padding on data cells results.

Screenshots of before and after attached.

CaspioStyles2.JPG

CaspioResultsRequired.JPG

As far as I understand, borders appear when you embed a datapage to your webpage. If you don't pass parameters to/from the datapage, you may use iframe deployment method, this will let you keep the same look as you have on preview in Caspio. 

Another option - edit CSS of your website and edit attributes which overwrite caspio style. One more possible option - ovewrite attributes in the header of the datapage, like:

<style>
#caspioform tr
{
border: none !important;
}
#caspioform td
{
border: none !important;
}
</style>

 

You can user similar code for other form elements to override border:none. Use firebug or other F12 tools to inspect the form elements and find their respective style and customize them similar to the below code.

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