Qlik Community

App Development

Discussion board where members can learn more about Qlik Sense App Development and Usage.

Announcements
QlikWorld 2022, LIVE in Denver CO., May 16-19, 2022. REGISTER NOW TO RECEIVE EARLY BIRD PRICING
cancel
Showing results for 
Search instead for 
Did you mean: 
calvin_wee
Creator
Creator

multi KPI wrap column undesirable in Mobile

Hi All,

Referencing to my previous question, we are having another problem with the Multi Kpi that we need some help.

Viewing on mobile, the columns are being wrap undesirable. Tracing from browser developer mode, we narrowed down the issue to be from extensions/qlik-multi-kpi/qlik-multi-kpi.css in the below codes. If we change the block to inline-grid, we can resolve the issue. But..

@media (max-width:763px) {
  .qv-object-qsstatistic .ui.statistic,  .qv-object-qsstatistic .ui.statistics .statistic {
    display: block;
  }
}

  while we place the below codes in Qlik Sense Application under edit Multi KPI style CSS or Mashup project CSS, none of them work.  

@media (max-width:763px) {
  .qv-object-qsstatistic .ui.statistic,  .qv-object-qsstatistic .ui.statistics .statistic {
    display: inline-grid !important;
  }
 

 Can anyone help to suggest what we can do?

Thanks and Regards

Labels (1)
1 Solution

Accepted Solutions
calvin_wee
Creator
Creator
Author

We changed to use Simple KPI extension instead of Multi KPI from the Extension bundle and it is responding to CSS well.

 

View solution in original post

1 Reply
calvin_wee
Creator
Creator
Author

We changed to use Simple KPI extension instead of Multi KPI from the Extension bundle and it is responding to CSS well.

 

View solution in original post