How to Crop Qlik Sense Mashup Objects

[bvssudhakar]

Hi Experts,

When I am trying to create a create mashup's in Qliksense got some queries. Here I am mentioning..

Can we Crop the Objects layout size See below Image. This is my KPI But it is showing very Bigger but i don't want that much size

And One more Query..

I have total 11 Important Charts/Objects in my report,  Is it possible to create all those objects in one mashup means what i am asking Is it possible to add more than 6 objects in one mashup?? If it is possible how to do??

Can you guys please help me out from this

[bvssudhakar]

petter-s‌

Can you help me for this

[Anonymous]

Hi Sudhakar,

Object layout size can be adjusted in HTML. Have you try this?

[DavidŠtorek · Accepted solution]

Hi,

all what you have to do is to change html,javascript and css properities. For example if you are using mashup editor in QS there are some predefined

in css:

.qvplaceholder, .qvobject {

flex: 1 1 auto;

height: 300px;

min-width: 400px;

margin: 45px 0 0 45px;

}

you can change height and width here. It depends on you what you want.

To add more object edit

in html:

<div id="QV01" class="qvobject"></div>

<div id="QV02" class="qvobject"></div>

<div id="QV03" class="qvobject"></div>

...

<div id="QV41" class="qvobject"></div>

here you can add as many objects as you wish

in javascript:

app.getObject('QV41','JHWBW');

...

app.getObject('QV02','c6ee2b9d-5825-423c-b53a-f33935cefe1f');

app.getObject('QV01','be42a3de-b5de-472f-9f52-31462a1cd5f0');

Allso depends if you are usin one or more apps

Basicaly if you want to work with mashup you have to have at least core knowledge of html,css and javascript.

Hope it helps

[bvssudhakar]

Hi David,

I am trying with this option now, But one small doubt

I want change Objects Position Individually and also wants to add boarder for each object for that  i tried with this code then also my object boarder is not changing

and for position i want it show in particular place

#QV03 {

height: 150px;

min-width: 200px;

display: border;

position: relative;

border-radius: 15px;

border:9;

}

Can you please suggest the changes for me

Thank you in advance

[DavidŠtorek]

Hi Sudhakar,

for border settings use for example this hint CSS Borders

For position settings you can use this CSS Layout - The position Property  and ‌CSS Layout - The display Property

If you want to style each of your object individually than create css class for each object

It could look like this for example

#QV03 {

height: 150px;

min-width: 200px;

display: block;

position: relative;

left: 30px;

top:60px;

border: 9px solid #73AD21;

border-radius: 15px;

}

[bvssudhakar]

Hi David,

I made the changes thank you

One small doubt:

Can we create multi page mashup?? Is it possible in qlik sense desktop??

[DavidŠtorek]

Hi,

of course you can make "multi page" mashup.

You can create mashup in desktop but mashup is basicaly html page with javascript and css styling which requires access to resource (Qlik Sense) where charts should be taken from. So it will work only for you not for others unles you publish app to server and chande sourse of app. For embedding it is ideal to have Qlik Analytic Platform.Visual Analytics | Build Beautiful Visual Analytics Apps