Hello,
is it possible to set transparent backgrounds for the Table component from the perspective? I can't set it in any ways.
I would like the background of the table to come from the compnent underneath - blue color
Regards
Michał
In the properties for the table item add an item to the style
backgroundColor: transparent
Then in the rows you will need to change striped enabled to false.
Header and Footer will also have colors to change as well.
2 Likes
Note: this will break a lot of the UI cues that are built into the table.
If the table ends up on top of graphical elements then they will show through and the content will be hard to read. If the table ends up on top of text elements and they align then the results will be misleading.
I would recommend not doing this.
If you want the same blue background as the root container then use the same css style link as the root container uses.
3 Likes
I set all styles as transaprent and changed striped to Enabled False however only the footer became transparent.
I'm doing it through a transparent background because, in truth, in the background will be the graphic, which is the main effect of the whole visualization.
I must have left some test settings in the browser's developer tools yesterday.
Today's result:
Bright transparent colors for illustrating which settings affect which pieces.
First I added a few styles:
Test/TableBackground
(translucent magenta)
{
"base": {
"style": {
"backgroundColor": "#F316C861"
}
}
}
Test/TableHeader
(translucent cyan)
{
"base": {
"style": {
"backgroundColor": "#A6EFF39C"
}
}
}
Test/TableSelected
(translucent orange)
{
"base": {
"style": {
"backgroundColor": "#CA753087"
}
}
}
There is an IA style that get applied and I couldn't find a way to turn that off so I applied a global change to that in stylesheet.css. This will affect all tables in this Perspective project.
.ia_container--secondary {
background-color: unset;
}
.ia_table__headContainer, .ia_table__footContainer {
background-color: unset;
}
I then applied those style to the table
Changed the striped row colors. Note that I couldn't use a style for the striped colors.
I attempted to make the selection translucent as well
but that actually had no effect. The selected color does not seem to come from these settings.
3 Likes
