-This is Reactive Web App-
I try to use onmouseover on my button to change the icon arrow margin when I hover on it.But it not works. ( On Click works but I don't want it )

This is before hover button
After hover it should be....

And my code

I wonder why onmouseover can't change the style?

You can test my .oml file name "ButtonArrow" here.

Hi,

Create a css style element like: #abc is your element id (i.e button). Then call the class in your button style element. I gave an example of backround color, you add property as per your requirement.

#abc:hover {

  background-color: yellow;


}


Solution

Chunyanuch Kimpiam wrote:

-This is Reactive Web App-
I try to use onmouseover on my button to change the icon arrow margin when I hover on it.But it not works. ( On Click works but I don't want it )

This is before hover button
After hover it should be....

And my code

I wonder why onmouseover can't change the style?

You can test my .oml file name "ButtonArrow" here.

 Hi Chunyanuch Kimpiam,

Please use CSS to achieve this

https://amit-verma331.outsystemscloud.com/JavascriptScreen/Screen1?_ts=637382661174199316

I have modified your .oml file please look into it.

Hope this will help you :)

- AV

Thanks  

 

Solution

Sourav Pasari wrote:

Hi,

Create a css style element like: #abc is your element id (i.e button). Then call the class in your button style element. I gave an example of backround color, you add property as per your requirement.

#abc:hover {

  background-color: yellow;


}


 

Thank you. I already find the solution.

Chunyanuch Kimpiam wrote:

Amit Verma wrote:

Thank you very much! from your .oml file, I clearly understand how to write it with css.

Chunyanuch Kimpiam wrote:

-This is Reactive Web App-
I try to use onmouseover on my button to change the icon arrow margin when I hover on it.But it not works. ( On Click works but I don't want it )

This is before hover button
After hover it should be....

And my code

I wonder why onmouseover can't change the style?

You can test my .oml file name "ButtonArrow" here.

 Hi Chunyanuch Kimpiam,

Please use CSS to achieve this

https://amit-verma331.outsystemscloud.com/JavascriptScreen/Screen1?_ts=637382661174199316

I have modified your .oml file please look into it.

Hope this will help you :)

- AV

Thanks  

 

 

 

 Thank you for reply.

 Most Welcome :)

- AV

Thanks

Hi all,

Do we really need to include the previous posts in all replies, It is so more difficult to follow a thread, you can also add a Quick reply without including the previous replies. This makes it much to read the discussion and less scrolling.

Regards,

Daniel

Hi Daniël Kuhlmann ,

Yes definitely next time will do this thing.

Thank you for suggestion  :)

- AV

Thanks