Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
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
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
Can you help me for this
Hi Sudhakar,
Object layout size can be adjusted in HTML. Have you try this?
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
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
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;
}
Hi David,
I made the changes thank you
One small doubt:
Can we create multi page mashup?? Is it possible in qlik sense desktop??
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