multi KPI wrap column undesirable in Mobile

calvin_wee — Fri, 02 Apr 2021 08:17:33 GMT

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

Re: multi KPI wrap column undesirable in Mobile

calvin_wee — Wed, 05 Feb 2020 03:08:07 GMT

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

topic multi KPI wrap column undesirable in Mobile in App Development

multi KPI wrap column undesirable in Mobile

Re: multi KPI wrap column undesirable in Mobile