Jump to content
  • 0

Column/Cell align left: Another elusive css element



Have a datapage report field that is also included in an aggregation.  Trying to left justify that column. 

Chrome Dev identifies two fields that affect this alignment as:  .cbResultSetHeaderCellNumberDate  and  .cbResultSetTableCellNumberDate.  If I change it in Chrome Dev Inspect it aligns column to left.

.cbResultSetHeaderCellNumberDate {
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #dce6f1;
    padding: 5px;
    border-color: #eeeeee;
    border-width: 1px 1px 1px 1px;
    border-style: solid;

Also searched in Caspio that styles entire source code and sequentially changed all references to a text align=right to =left.  Still no change to live page.

Where is the PREVIEW of the page pulling that right setting from?

Thanks for your patience.



Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Hi there, I agree with @roattw. There are times that this is not able to display correctly on some of my users. Then, I figured that using the !important property in our style. What we did is first, go to the Styles > Click Source > Select 'All' > Search or Ctrl+F and paste the name of the cell name that you have, in our case it is .cbResultSetTableCell > From there, make sure to insert the !important at the end of the text-align.  

Here is a brief example on our part: 

text-align: left !important;

For your reference, here is the article for the styles: https://howto.caspio.com/styles/creating-or-editing-style/ 

Hope this helps. Cheers.

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.

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.

  • Create New...