Do not input private or sensitive data. View Qlik Privacy & Cookie Policy.
Skip to main content

Announcements
Write Table now available in Qlik Cloud Analytics: Read Blog
cancel
Showing results for 
Search instead for 
Did you mean: 
pedrohenriqueperna
Creator III
Creator III

Questions About New Straight Table CSS Structure/Classes

Hi everyone,

I've been using extensions to override default CSS rules and customize objects for a while now. Recently, I started working with the new straight table object, but I noticed that some of my custom styles suddenly stopped working.

After some investigation, I realized that a few of the CSS classes I was targeting have changed — specifically, the ones that appear to be "randomly" generated. For example, I had been styling elements using a class like .sc-iACgxi, which now seems to have changed to .sc-jQfdtf. On the other hand, more consistent class names like .sn-table-cell have stayed the same.

Does anyone know if these seemingly random class names are dynamically generated? Or could this be related to a recent update? I haven’t used the straight table extensively before, but I was pretty sure these classes used to stay the same for a while. Interestingly, when I compare two different apps using the straight table, the class names are identical, which makes me wonder if a change was introduced recently.

Any insights would be appreciated!

Labels (1)
  • SaaS

1 Reply
pablolabbe
Partner Ambassador
Partner Ambassador

Customize the old Straight table object with CSS was pretty easy, but as Qlik emphasized, css customization can break after upgrades if they don´t follow certain rules and these kind of customization is not supported by support team.

I suggest you to review these guidelines about using CSS to customize sheet objects. 

https://community.qlik.com/t5/Design/How-to-Handle-Custom-CSS-in-Qlik-Sense-Now-and-Going-Forward/ba...

Also there is an article about what's it´s possible now to customize without using CSS https://community.qlik.com/t5/App-Development/Obsolete-CSS-modifications/m-p/2512390/highlight/true#...

 

 

Did you find a solution to your question? Mark the solution as accepted and if you found it useful, press the like button! | Follow me on Linkedin