Customize Navigation Button using CSS

[jenriquez]

Hi, I'm trying to remove borders on Navigation Button.

The button have a borders because I've inserted a css code like this

I've inserted that code because I  have a requirements regarding how the chart should look. But I also have a requirements that the buttons should not adapt the border and border color of a chart.

I have searched and have not find one of any documentation or examples of configuring the css style of a navigation button.

I hope it is configurable!

Thanks.

[Gui_Approbato]

Hello,

Check out here how to change the css with a trick:

http://approbato.com/blog/customize-your-qlik-page-css-without-themes-trick/

or straight to the video https://youtu.be/OeeEUTCFGIk 

Regards

[ArnadoSandoval]

Hi @jenriquez 

We can style QlikSense's buttons, there is not need to use a Theme or CSS, take a look at the screen shot below; the styling properties are located in the Appearance section, styling defined there goes directly into the html's button style property.

Hope this helps,

[jenriquez]

hello @ArnadoSandoval 

I have a requirements to find a way using custom theme extension to not adapt the border and border color

[ArnadoSandoval]

Hi @jenriquez 

A big challenge then, because the Theme's styles are overwritten by the button's style attributes, and I did not find a way to disable the button's style attribute, unless you develop a button extension.

hth

[jenriquez]

hi @ArnadoSandoval 

Is there no way to add a css or json code on my theme extension? to make the button no-border?

[jenriquez]

I have a two buttons here and I already remove the border button of Share Button under Qlik Dashboard Bundle using the above css code but I'm stuck removing the border button of charts > button

Can someone help me? 

thanks.

[ArnadoSandoval]

@jenriquez 

Congratulations, you did it, I tried this morning with no luck, when I found that my knowledge of CSS was limited; thank you for sharing the solution, I will try tomorrow!

[jenriquez]

@ArnadoSandoval 

for the other button I already remove the border by using this code

Thanks.

[ArnadoSandoval]

@jenriquez 

Are you planning to share your theme here at the community? If you are not, Would you be able to email me its final version? I would like to explore your implementation as you had gone beyond the existing documentation-help

Thanks,