How to Create a Navigation Button in Qliksense Mashup

[SatyaPaleti]

Hi Experts,

Could some one please help me in the following requirement. I am pretty much new to Qliksense Mashup's. We have already an existing mashup.  Mashup contains 5 pages. user need to create 5 buttons.  if i click on 1st button it should navigate me to 1st page ad If i click on 2nd button then it should navigate me to 2nd page. same functionality should work for all the buttons. 

Could some one guide me how to achieve this or else you can share specific document which contain this kind of functionality.  Thank you so much for your help

Thanks and Regards,

Satya 

[ArnadoSandoval]

Hi @SatyaPaleti 

This documents are very helpful when learning to write Mashups

• Getting started building mashups (follow this tutorial)
• github helpdesk angular  (If you are lazy writing code)

They helped me a lot

Hope this helps

[khalander]

Hi, Did you get any response? I am also looking for this type of help. Please let me know if you have any references.

Regards,

Khalander

[ArnadoSandoval]

Hi All,

I suggest VizLib, their Menu extension has way too many features ready to be consume.

hth

[MadhuriReddy]

Hi Satya,

You have to create a HTML Button in the main.html and write the navigation in the main.js and you can use background colours and text format in the main.css.

Suppose if you want to go XYZ create a button

html:

<button type="button" class="btn btn-light" id="xyz"></i>XYZ</button>

JS:

$("#XYZ").click(function(){
$('iframe').remove();
let $iframe = $('<iframe src="XYZ.html" width="" height="" name="Myiframe" id="Myiframe"></iframe>');
$('main').append($iframe);
});

CSS:

.btn{
margin: 20px;
background-color: #FFFFFF;
color: Blue;
border-color: transparent;
font-weight: bolder;
width: 80%;
height: 65px;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
padding: 10px 7px;
font-size: 8.5pt;
}