Qlik Community

New to Qlik Sense

Discussion board where members can get started with Qlik Sense.

Announcements
Make your voice heard! Participate in the 2020 Wisdom of Crowds® Survey. BEGIN SURVEY
bvssudhakar
Contributor II

How to Crop Qlik Sense Mashup Objects

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

Capture.JPG

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

1 Solution

Accepted Solutions
Highlighted
DavidŠtorek
Contributor III

Re: How to Crop Qlik Sense Mashup Objects

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

View solution in original post

7 Replies
Highlighted
bvssudhakar
Contributor II

Re: How to Crop Qlik Sense Mashup Objects

petter-s

Can you help me for this

Highlighted
sandeep_roy
Contributor II

Re: How to Crop Qlik Sense Mashup Objects

Hi Sudhakar,

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

Highlighted
DavidŠtorek
Contributor III

Re: How to Crop Qlik Sense Mashup Objects

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

View solution in original post

Highlighted
bvssudhakar
Contributor II

Re: How to Crop Qlik Sense Mashup Objects

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

Highlighted
DavidŠtorek
Contributor III

Re: How to Crop Qlik Sense Mashup Objects

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;

}

Highlighted
bvssudhakar
Contributor II

Re: How to Crop Qlik Sense Mashup Objects

Hi David,

I made the changes thank you

One small doubt:

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

Highlighted
DavidŠtorek
Contributor III

Re: How to Crop Qlik Sense Mashup Objects

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