Jump to content
  • 0
Sign in to follow this  
telly

How to center the details DataPage

Question

10 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

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
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. 

 

=) 

Share this post


Link to post
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?

Share this post


Link to post
Share on other sites
  • 0

Hi - The text-align CSS property describes how inline content like text is aligned in its parent block element. text-align does not control the alignment of block elements, only their inline content.
 

Share this post


Link to post
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!

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...
Sign in to follow this  

×
×
  • Create New...