Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,368,351
Community Members
 
Community Events
168
Community Groups

Why do the Action button & inline edit buttons override Confiforms Rules for Field (CSS)

Edited

I have a table view with a column that has conditional CSS applied using the "Confiform Rules for Field (CSS)" macro. 

When I use an action button (which is in the same row) the entire row loses its styling.

I also found that when I click the "edit" button (confiform edit control within the table view) to make an inline edit to the table row, all of the css styles that were applied get erased and it shows an un-styled table row.

I have made sure to include "!important;" for all of my css rules so not entirely sure why the styles are getting removed. 

It is worth noting that I have the table view listed within a list view, but don't think that should have any impact on the css. 

 

Any help would be greatly appreciated.

1 answer

Hi @Benjamin Rios and welcome to this community

In ConfiForms the CSS rules that you apply on the views are only set when the view (TableView, CardView, etc) are first rendered

Inline edits use the default design and styling for the row

If this is a problem then consider switching to dialog mode for editing. 

And our own suggestion that we always share with our customers - try not to override the default styling of Confluence (and ConfiForms). At least not with inline styles

Alex

Suggest an answer

Log in or Sign up to answer
TAGS

Atlassian Community Events