Forum Discussion
How to make table border colour transparent
Can we make the table border colour to transparent or any other customised colour.
- TeresaKoontz-37Community Member
Requesting the ability to change the border to another color or transparent.
- PeterNeelmeyerCommunity Member
One more vote for transparent or white table borders. Any chance this year?
- AmyGttCommunity Member
My vote too! Any update?
- CarynWetcherCommunity Member
Another vote for this feature. Are there any updates from the Articulate team?
- KimberlyLire570Community Member
Also would like this as a feature and adding my vote in.
- HVfb0f498d-053bCommunity Member
Another vote.
- PhilFossCommunity Member
Took me a few years but I've finally got the solution. Code used in the video:
.fr-view table tr > *:not(.fr-highlighted) {
border: 0px;
}and if you want to only affect a certain block, you need to use the block id- this block id will change for you and on each block.
div[data-block-id="clk4if2rg00042e6rxfpg953f"] .fr-view table tr > *:not(.fr-highlighted) {
border: 0px;
} - PeterNeelmeyerCommunity Member
Hi Phil,
thanks a lot for sharing your code experience.
Where can I find the attribute "data-block-id"?Regards
Peter- PhilFossCommunity Member
Peter- you need to debug it in your browser, thats the only way I know of the get the number. There is a parent div that wraps each block, that is what contains the block id. You can see me copy it around min 1:40 in the video.
- PhilFossCommunity Member
Found another way to do this within Rise, no need to modify exported files. Solution is in this other thread. https://community.articulate.com/discussions/rise-360/hide-borders-in-table#reply-870457
- LindaBurke-9143Community Member
Hey, any update on updating table border colours and width in Rise?