Skip to main content
Announcements
Live today at 11 AM ET. Get your questions about Qlik Connect answered, or just listen in. SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
agnie_john
Partner - Contributor II
Partner - Contributor II

Removing the Space around my extension Button

Hi,

I am creating a button as extension to do some specific task.

I have created the button and implement the fuction what i needed.

 

But i would like to remove the space around ny button.

 

i used the below css for my button 

.qv-copy-btn {
cursor: pointer;
display:flex;
align-items: center;
justify-content: center;
font-size-adjust:0.5;
width:100%;
height:100%;
text-decoration: none;
font-family: Raleway, Arial, sans-serif;
color: #fff;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
vertical-align: top;
border:none!important;
}

 

but the space around my button remain exists.

 

agnie_john_1-1663249032716.png

 

i want to implement the button same as default button in qliksense

agnie_john_2-1663249227091.png

 

can anybody give me the solution for my issue?

 

Thanks,

John.

 

 

Labels (1)
1 Reply
_datadude
Partner - Contributor III
Partner - Contributor III

Hi @agnie_john ,

reading your post, I have two ideas in my mind:

1. You could assign to your margin an "!important", like

margin-top: 0 !important;

....
or simple
margin:0 !important;
This should give your rule more weight than other rules that are also considered "valid".

On the other hand, I would like to point you to https://qlik-oss.github.io/leonardo-ui/button.html

If you really want to have a "Qlik sense look alike" button, this should be the easier option, I think.

Best,
Markus