Column width and text wrapping

[DavidBRX]

Greetings!

Is there a way to have the columns and wrapping regulated results and details page? In other words, I'd love to have the ability to have my certain columns be a certain width with NO text wrapping, and others a certain width allowing text to wrap.

Also, the overall width of the table, is there a way to make the width of a table consistent regardless of date entry? Hope I'm explaining this right.

Dave

[SinJunYoung]

Hello, if you are using Styles, you may want to edit it here: Go to Styles > Edit Style > From the DataPage Elements go to Results Page and Select on Table Layout > Data Cells > and the Layout Options  > Wrap Text: No Wrap

 

[SinJunYoung]

I also just want to add, if you want your field to have an exact size, you may want them to be truncated here:

 

[DavidBRX]

I suppose there's really nothing that can be done about this.

Pitty.

[bahar_vm]

There is a solution!

Enable Advanced Options and Passing Parameter in your DataPage then in the configure fields screen you can include the field into an HTML block using parameters, i.e: [@field:FIELDNAME] and use your own styles to custom design its layout. Replace FIELDNAME with your field name.

Example:

[@field:FIELDNAME]

Or

[@field:FIELDNAME]

...

[londoncity]

Well, another solution if you want to have aconsistant table is to edit the Style of your DataPage.

Open your desired Style in Edit mode and proceed to the Setting screen and on the DataPage Elements panel click Results Page and select Table Layout. Then you can set the options and make all cells of a table constant. :mrgreen:

[JolliBeng]

Hello DavidOrtiz, 

You can change the width of the fields on your Results page on the Advanced Tab of Configure Results Page.

And you can change the Field width of your Datapage on Styles.

 

-JolliBeng

[vanderLeest]

If you embed your Caspio pages in a Content Management System (CMS) like Sitefinity,
only SinJunYoung's suggestion works. In this case, truncating is imported for fields that can have long text strings.

I tried JolliBeng's suggestion as it looked more straightforward, but neither setting pixels or percentages work;
they work/have an effect if you view/render the page as a native Caspio Page.

[TellMeWhy]

You might need some specific code for this and paste it on the style tag in the header of your DataPage, if you want only specific columns have fixed widths
 

For example

div[class="HeadCtnr"] th:nth-child(1) {
width: 300px !important;
}
this will change the 1st header width to 300px, 

 

for the wrapping in Results Page, sometimes, you have to set a custom code as well for it to wrap even though you've already set a fixed width for the field

NO WHITE SPACE

 

WITH WHITE SPACE

 

[Bluedog]

I finally got this to work, with no additional coding. Go to Styles>Form/Details>Layout>Data Cells

Under Layout Options Cell Width + I tried 1000px (worked well for me) I also chose "Wrap" under Wrap Text

Worked nicely

[cheonsa]

Hi all!

I just wanted to share with you this solution if you would like to adjust the width of the columns that are frozen.