Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 28/08/2023 CalendARI v. 1.3.0 supports Joomla! 4.x/PHP 8.x

    CalendARI is a Joomla! events manager component and now It is compatible with Joomla! 4.x.

  • 19/08/2023 ARI Quiz 3.10.0 with Joomla! 4 support

    Joomla! quiz extension with J! 3.x/4.x and PHP 8.x support.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Column colors, and cell merging
(1 viewing) (1) Guest
Go to bottomPage: 1234
TOPIC: Column colors, and cell merging
#60857
Re:Column colors, and cell merging 6 Years, 1 Month ago Karma: 0
i created another page www.usrc.it/index.php?option=com_content&view=article&id=734 with to table (both modules loaded in a page)
For each table i writein css Styles:

BODY #at_{$id} THEAD TR TH DIV {height: auto;}

#{$id} TBODY TD.ari-tbl-col-0 {
font-size: 10px; font-weight: bold;
}

#{$id} TBODY TD.ari-tbl-col-1 {
background-color: #9932cc; font-size: 10px;
}
#{$id} TBODY TD.ari-tbl-col-2 {
background-color: #9932cc; font-size: 10px;
}

#{$id} TBODY TD.ari-tbl-col-4 {
background-color: #dff0d8; font-size: 10px;
}
#{$id} TBODY TD.ari-tbl-col-5 {
background-color: #dff0d8; font-size: 10px;
}

#{$id} TBODY TD.ari-tbl-col-7 {
background-color: #d9edf7; font-size: 10px;
}
#{$id} TBODY TD.ari-tbl-col-8 {
background-color: #d9edf7; font-size: 10px;
}

#{$id} TBODY TD.ari-tbl-col-10 {
background-color: #fcf8e3; font-size: 10px;
}
#{$id} TBODY TD.ari-tbl-col-11 {
background-color: #fcf8e3; font-size: 10px;
}

#{$id} TBODY TR.ari-tbl-row-0 {
font-weight: bold; font-size: 10px; font-weight: bold;
}

#{$id} TBODY TR:nth-last-child(2) TD {font-weight: bold;}
#{$id} TBODY TR:last-child TD {background-color: transparent; font-size: 10px; font-weight: bold; border-right-color: transparent; font-style: italic;}

But now the table is not formatted.
What is that I'm wrong?
The administrator has disabled public write access.
 
#60858
Re:Column colors, and cell merging 6 Years, 1 Month ago Karma: 741
My bad, sorry. Use {$id} or #{id} prefix instead of #{$id}. It will be:

BODY #{id} THEAD TR TH DIV {height: auto;}

#{id} TBODY TD.ari-tbl-col-0 {
font-size: 10px; font-weight: bold;
}

#{id} TBODY TD.ari-tbl-col-1 {
background-color: #9932cc; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-2 {
background-color: #9932cc; font-size: 10px;
}

#{id} TBODY TD.ari-tbl-col-4 {
background-color: #dff0d8; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-5 {
background-color: #dff0d8; font-size: 10px;
}

#{id} TBODY TD.ari-tbl-col-7 {
background-color: #d9edf7; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-8 {
background-color: #d9edf7; font-size: 10px;
}

#{id} TBODY TD.ari-tbl-col-10 {
background-color: #fcf8e3; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-11 {
background-color: #fcf8e3; font-size: 10px;
}

#{id} TBODY TR.ari-tbl-row-0 {
font-weight: bold; font-size: 10px; font-weight: bold;
}

#{id} TBODY TR:nth-last-child(2) TD {font-weight: bold;}
#{id} TBODY TR:last-child TD {background-color: transparent; font-size: 10px; font-weight: bold; border-right-color: transparent; font-style: italic;}

Regards,
ARI Soft
The administrator has disabled public write access.
 
#60859
Re:Column colors, and cell merging 6 Years, 1 Month ago Karma: 0
Nothing to do

one css:
BODY #{id} THEAD TR TH DIV {height: auto;}

#{id} TBODY TD.ari-tbl-col-0 {
font-size: 10px; font-weight: bold;
}

#{id} TBODY TD.ari-tbl-col-1 {
background-color: #9932cc; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-2 {
background-color: #9932cc; font-size: 10px;
}

#{id} TBODY TD.ari-tbl-col-4 {
background-color: #dff0d8; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-5 {
background-color: #dff0d8; font-size: 10px;
}

#{id} TBODY TD.ari-tbl-col-7 {
background-color: #d9edf7; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-8 {
background-color: #d9edf7; font-size: 10px;
}

#{id} TBODY TD.ari-tbl-col-10 {
background-color: #fcf8e3; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-11 {
background-color: #fcf8e3; font-size: 10px;
}

#{id} TBODY TR.ari-tbl-row-0 {
font-weight: bold; font-size: 10px; font-weight: bold;
}

#{id} TBODY TR:nth-last-child(2) TD {font-weight: bold;}
#{id} TBODY TR:last-child TD {background-color: transparent; font-size: 10px; font-weight: bold; border-right-color: transparent; font-style: italic;}


second css:

BODY #{id} THEAD TR TH DIV {height: auto;}

#{id} TBODY TD.ari-tbl-col-0 {
font-size: 10px; font-weight: bold;
}

#{id} TBODY TD.ari-tbl-col-1 {
background-color: #f2dede; font-size: 10px;
}
#{id} TBODY TD.ari-tbl-col-2 {
background-color: #f2dede; font-size: 10px;
}

........


the difference is the color in column 1 and 2 but the result it's always the same:
www.usrc.it/index.php?option=com_content&view=article&id=734


using {$id} it's ok
with #{id} no
Last Edit: 2017/07/27 14:51 By jenaplisken.
The administrator has disabled public write access.
 
#60860
Re:Column colors, and cell merging 6 Years, 1 Month ago Karma: 741
Is it working now?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#60861
Re:Column colors, and cell merging 6 Years, 1 Month ago Karma: 0
using {$id} it's ok
with #{id} no

the last question is
In the page: www.usrc.it/index.php?option=com_content&view=article&id=731 i used aridata for a piechart.
I used the same table color but the piecahert is strange, it's like opaque. Do you know why?
Is there the possibility to chenge the color of the caracter showing percentage in the piechart?
Regards
The administrator has disabled public write access.
 
#60862
Re:Column colors, and cell merging 6 Years, 1 Month ago Karma: 741
These are the same background colors as in the table. You can add the following CSS rule to change text color of labels on pie chart:

{$id} SVG>G>TEXT {fill:#6e6e6e!important;}

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1234