Skip to main content
Announcements
Introducing Qlik Answers: A plug-and-play, Generative AI powered RAG solution. READ ALL ABOUT IT!
cancel
Showing results for 
Search instead for 
Did you mean: 
Bruno_D2BI
Partner - Contributor III
Partner - Contributor III

Modify the QLIK Logo in Left top of an application

Hello,

How I can change the QLIK logo which is in the top left of a screen application please ?

 

Bruno_D2BI_0-1693334252430.png

The style image not working

Bruno_D2BI_1-1693334283839.png

 Thanks a lot for your help.

Regards,

Bruno

Labels (1)
1 Solution

Accepted Solutions
ajaykakkar93
Specialist III
Specialist III

Hi,

Voici une copie d'écran sur le fichier client.html

j'espère que cela vous aide.

ajaykakkar93_0-1695618675376.png

 

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

View solution in original post

10 Replies
Bruno_D2BI
Partner - Contributor III
Partner - Contributor III
Author

Hello thanks for your answer.

When I go to https://community.qlik.com/t5/Official-Support-Articles/Customizing-Qlik-Sense-Forms-Login-Page/ta-p... it's only for login page and it's not my subject because this logo is when we open a sheet into an application Qlik Sense.

When I go to https://community.qlik.com/t5/Qlik-Architecture-Deep-Dive-Blog/Customizing-Qlik-Sense-Forms-Login-Pa... I have the page :

Bruno_D2BI_0-1693335340774.png

 

 

David_Friend
Support
Support

@Bruno_D2BI  I don't know if its possible, as the KB says: 

Per Qlik's User License Agreement, Qlik copyright, trademark or other proprietary notice displayed or included in the Qlik Products cannot be customized or removed from Qlik's Products. 

Anyone else here on Community try to change this? @Mike_Dickson or @JayBrown ?

ajaykakkar93
Specialist III
Specialist III

Hi  Bruno_D2BI ,

I can help you with this, please follow the below steps.

  • Take a Remote desktop of your Qlik environment using a service user
  • Stop all qlik services
  • Then browse to this path C:\Program Files\Qlik\Sense\Client
  • Only filter out HTML files
  • then add the below style to the tag at the head of all the HTML files
  • Change in below code, background: url(YOUR URL TO THE IMAGE) no-repeat;
  • Start all qlik services

ajaykakkar93_0-1693367001426.png

 

 

button#back-to-hub-button span {
    background: url(../../../resources/hub/img/core/logo/Qlik-Logo_RGB.svg) no-repeat;
    height: 24px;
    width: 84px;
    background-size: 105px 32px;
    background-position-x: center;
    background-position-y: center;
}

button#back-to-hub-button span svg {
    display: none !important;
}

 

 

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

Bruno_D2BI
Partner - Contributor III
Partner - Contributor III
Author

Bonjour @ajaykakkar93 ,

 

Merci pour ce retour et désolé pour le délais de réponse.

Je ne peux pas faire de test facilement car je n'ai pas d'environnement de test pour le faire.

Je n'ai pas saisie complètement où je dois insérer ce bout de code.

Voici une copie d'écran sur le fichier client.html

Bruno_D2BI_0-1695231846643.png

Mais en mettant cela en PROD, je n'arrive plus à ouvrir les applications.

Merci d'avance.


Cordialement,
Bruno

ajaykakkar93
Specialist III
Specialist III

Hi,

You need to create a style tag & then add the above code, You are adding in the script tag

<style>
button#back-to-hub-button span {
    background: url(../../../resources/hub/img/core/logo/Qlik-Logo_RGB.svg) no-repeat;
    height: 24px;
    width: 84px;
    background-size: 105px 32px;
    background-position-x: center;
    background-position-y: center;
}

button#back-to-hub-button span svg {
    display: none !important;
}
</style>

 

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

ajaykakkar93
Specialist III
Specialist III

Hi,

Voici une copie d'écran sur le fichier client.html

j'espère que cela vous aide.

ajaykakkar93_0-1695618675376.png

 

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

ajaykakkar93
Specialist III
Specialist III

Hi,

Veuillez accepter la solution si cela vous aide, ou pour toute autre question, veuillez écrire un commentaire afin que nous puissions clôturer cela.

Please accept the solution if it helps, or any other queries please write a comment so that we can close this.

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

Bruno_D2BI
Partner - Contributor III
Partner - Contributor III
Author

Bonjour,

J'ai pu enfin testé cette solution et ça marche parfaitement merci encore 🙂 

Bonne journée.


Cordialement,
Bruno