topic Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript? in QlikView

Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Tue, 26 May 2015 18:09:56 GMT

I simply want to change the background button image, if a use hovers over it. This is something I've done with Javacript in the past. Is this possible in QlikView? I'm very new to QlikView.

I've googled, you tubed and looked on the community for this but can't find anything useful.

Thanks in advance!

Greg

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Bill_Britt — Tue, 26 May 2015 18:32:26 GMT

Hi Greg,

You may be able to do this with document extensions.

Bill

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

stigchel — Tue, 26 May 2015 19:06:14 GMT

A document extension should be able to do that, you can probably just use css, find e.g. the class using the firebug extension. This should help:

Re: Tweaking UI with JS and CSS

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Clever_Anjos — Tue, 26 May 2015 19:16:49 GMT

Only using extensions

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Tue, 26 May 2015 19:22:57 GMT

Thank you all. As mentioned, I'm very new to QlikView. I've read through the QlikView designer training manual and do not recall seeing anything about document extensions in it.

I'm happy to google this as well, but if you could recommend trusted beginner tutorial on document extensions, I would really appreciate it!

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Bill_Britt — Tue, 26 May 2015 19:34:09 GMT

Hi,

Take a look at this.

Extension Object Basics.doc

Bill

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

stigchel — Tue, 26 May 2015 19:37:06 GMT

A good source is also this blog:

QlikView Extension tutorials, documentation and examples - The Qlik Fix! The Qlik Fix!

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Tue, 26 May 2015 19:40:07 GMT

Thanks again! I will play around with these suggestions and try to come up with the complete solution. If/when I do, I'll post it.

I really appreciate everyone pointing me in the right direction!

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

stigchel — Tue, 26 May 2015 19:51:50 GMT

You're welcome and I would be interested in your solution. I also added another link, which is currently under moderation (google the qlikfix blog). If these answers have answered your question, is it possible, please mark the appropiate answers as correct/helpfull, it will close the thread and help others find the correct answers and let other contributing members know this requires no more attention.

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Clever_Anjos — Tue, 26 May 2015 19:51:54 GMT

Please find attached

a sample .qar Document extension (Just double click to install)
A demo using it

It´s important to use WebView mode into QlikView Developer

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Tue, 26 May 2015 20:03:12 GMT

I know I have a lot to learn, but I have even more to learn than I expected!

Are you able to explain to me how I can see the code you used to create that example, now that I have it downloaded?

It was nearly perfect! One potential issue of, if the document is clicked, the hover color will eventually freeze, but this is exactly what I was looking for, if I can see how it was done. Thanks for expediting the process!

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Clever_Anjos — Tue, 26 May 2015 20:11:24 GMT

You have to be familiar with Javascript and jquery library

// You can load a CSS if you want
Qva.LoadCSS("/QvAjaxZfc/QvsViewClient.aspx?public=only&type=document&name=Extensions/Hover/Hover.css");
Qva.AddDocumentExtension('Hover', function () { // Attach the extension to your document
  var oldcss = "";
  this.Document.SetOnUpdateComplete(function () {  // Attach a handler to QV, 'when you finish, please call me'
  $('table.TextObject').hover(   // Please google for jquery hover function 
  function (){
  oldcss = $(this).css("background-color"); // saves last background color
  $(this).css("background-color","blue");   // sets new background color 
  },
  function (){
  $(this).css("background-color", oldcss);  // restores background color
  });
  });
}); 
//

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Tue, 26 May 2015 20:31:54 GMT

Thanks! I don't think I worded that last question very well. I am actually trying to figure out where the QAR file stored the .js file and how to tie it into the qvw file.

I'm slowly picking that up. The qar file is an extension that is applied by doing to Document properties and moving the Hover Extension over to the Active Extensions side.

I used the LoadFirebug extension to look at the HTML to see that the source script was QvAjax.js

I can walk through the jsavascript some, but it has been a few years, as I've mainly worked with SQL for the last several years. I have a lot of studying to do. Thanks again for your assistance!

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Clever_Anjos — Tue, 26 May 2015 20:38:54 GMT

Document Extensions resides in C:\Users\[youruser]\AppData\Local\QlikTech\QlikView\Extensions\Document

Document Extensions are applied to a document (qvw) using Document Properties / Extensions Tabs

There´s another type of extension (Object Extensions, under C:\Users\[youruser\AppData\Local\QlikTech\QlikView\Extensions\Objects) that implements visualizations that QV can´t do "out of the box"

Please check your folder C:\Program Files\QlikView\Examples\Extensions there´s some samples of Object Extensions too

You can add my skype: cleveranjos, we can chat to help you better

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Thu, 28 May 2015 18:12:44 GMT

Thank you. If I ever get a skype account, I will definitely add you. This has been tremendously helpful and a lot of things fall into place. I still have so much to learn to be able to appropriately apply this, but this is all a great start!

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Clever_Anjos — Thu, 28 May 2015 20:29:13 GMT

You could invest some time reading this link http://www.qlikfix.com/2012/07/03/qlikview-extension-tutorials-documentation-and-examples/

and its tutoriais.

It would be very enlightening

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

szeconku — Thu, 07 Dec 2017 12:54:31 GMT

When unzipping "Hover.qar", I noticed you don't include "Hover.css". Will the extension still work?

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Clever_Anjos — Fri, 08 Dec 2017 10:28:50 GMT

I´m using Jquery to overwrite the CSS

$(this).css("background-color","blue");

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done with javascript?

Anonymous — Thu, 01 Mar 2018 04:28:13 GMT

Hi,

can u give the same code for Qliksense to do the on click function on a element button to change the background color of it.

Re: Is it possible to change a button image on mouse over/ mouse hover, similar to what can be done

gireesh1216 — Wed, 14 Nov 2018 17:22:14 GMT

Not able to change mouse over color.Can u please help me hoe change mouse over color from blue to light grey?
If possible can u please share extension script???