Jump to content
  • 0

How to center the details DataPage


telly
 Share

Question

15 answers to this question

Recommended Posts

  • 0

Hi @telly,

Yes, it is possible. You need to add a Header and Footer in your DataPage and paste this code in the Header.
 

form[id^="caspioform"] {
    display: inline-block !important;
}

div[id^="cbOuterAjaxCtnr"] {
    display: block !important;
    text-align: center !important;
}

I hope this works.

-Barbie

Link to comment
Share on other sites

  • 0
On 6/21/2019 at 4:15 PM, Barbie said:

Hi @telly,

Yes, it is possible. You need to add a Header and Footer in your DataPage and paste this code in the Header.
 


form[id^="caspioform"] {
    display: inline-block !important;
}

div[id^="cbOuterAjaxCtnr"] {
    display: block !important;
    text-align: center !important;
}

I hope this works.

-Barbie

You just need to add this piece of code inside the block:

form[id^="caspioform"] {
margin: 0px auto;
}

 

That's it. 

 

=) 

Link to comment
Share on other sites

  • 0
On 7/3/2019 at 9:27 PM, kristina said:

Hi @telly,

 

You can use this script in the Header of your Details page:


<div id="caspioform" style="text-align: -webkit-center;>

and the closing div tag in the Footer.


</div>

I tried it on my end and it works. Hope this helps.

 

Thanks,

kristina

This is simpler. But I've been wondering if  this type of styling has any disadvantages to the other suggestions. Any thoughts?

Link to comment
Share on other sites

  • 0

In addition to this, we may also specify this behavior to be default (on Styles level) so you don't have to specify the customization every time. 

 

To do so, locate your Styles first, but before modifying it I would suggest to duplicate the current style as backup.

Once you are in the Styles configuration:

1.) Click on Source Tab

2.) Select All from DataPage Elements

3.) Look for cbTableDefaultCellspacing

4.) Add the rule:

margin: auto;

 

Below is how it should look like:

image.thumb.png.49ab7b130af5239583b6f4b9e7fd5328.png

Once this is saved, your DataPages with this localization will be centered with respect to its container :D

I hope this helps.

 

-DN31337!

Link to comment
Share on other sites

  • 0

Hey. Despite reading various pages like this one, I can't figure out how to middle-center align everything on a search data page. I created a library database and would like the search box and everything around it (which is very little ) to be middle-centered, like a google search box. Can you help me? Much thanks. 

Link to comment
Share on other sites

  • 0

Hi @KHanley,

Have you tried to get the class or id of the properties and add this attribute:

ID OR CLASS {
margin: 0px auto;
}


You can also try to use
<style>
CLASS OR ID
{margin-left{ margin: 50%; 
Margin-right: { margin: 50%; }
</style>


You can use CSS attribute, for reference you may check this link: https://www.w3schools.com/css/css_attribute_selectors.asp 

Link to comment
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...
 Share

×
×
  • Create New...