How To Style The "view Details" Page?

[ccvortex]

Hi all, I am trying to figure out how to change the styling of the View Details page that loads after the clicking the View Details link form the search results (screen shot attached). Specifically I would like to apply the same styling of the search results to the View Details page.  I can't seem to find it in the Styles editor.

 

Thanks!

 

[Jan]

Hello ccvortex,

 

You can edit items:

Form/Details - Labels - Default (settings of the text)

and 

Form/Details - Layout - Label Cells (settings of the background color)

You can find  details about settings of Layout in the article.

 

I would recommend you to create a new Style for the DataPage.

[MayMusic]

In the localization you are using for this page, customize the text and there you can even put HTML tags. For instance if you want to have an image as the link add an image tag:

 

<img src="URL OF IMAGE" />

[ccvortex]

Awesome, thanks!

 

Any idea how I control the column widths?

[MayMusic]

With respect to the size of the text you have as lable and value you should be able to specify a cell width in the style under Form/Details  and for label cells, field cells ...

[ccvortex]

Yes thank you again... I know you guys have helped out quite a bit so please indulge me one last formatting question: is it possible to style an individual row or column? I would like all of the data in column 1 to be centered but all other columns to be left justified. Possible?

Also possible to have some rows with bolded text and others not?

[MayMusic]

if you want to customize a specific label then you can try to add HTML tags around the label text. Or you can also try to add an HTML Block and create your custom label there and then select no label for the field.

 

But all the data that are coming from table will have the same style

[ccvortex]

Great, thanks again.

[MayMusic]

You are very welcome!

[hsilvermanmdjd]

Did you ever find a way to control justification?

[Walter]

Hi hsilvermanmdjd,

 

If you cannot find a setting on the Settings tab, you always can go to the Source tab and add any setting, for example:

text-align: justify;