• 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

  • 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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now