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

Announcements
Posting on Qlik Community is temporarily paused for some users. Thank you for patience and we'll update you soon!
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