Chunyanuch Kimpiam
Rank: #5733
22Views
6Comments
Solved
Onmouseover or Onhover can't change style
Question
JavaScript
Reactive
Web

-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.

ButtonArrow.oml

0
0
on 2020-10-14
Copy link to comment
Amit Verma
Champion
Rank: #133
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  

 

See solution in context
ButtonArrow.oml

0
0
on 2020-10-14
Copy link to comment
Sourav Pasari
Rank: #390

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;


}


0
0
on 2020-10-14
Copy link to comment

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.

1
0
on 2020-10-14
Copy link to comment
Amit Verma
Champion
Rank: #133
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  

 

ButtonArrow.oml

0
0
on 2020-10-14
Copy link to comment
Daniël Kuhlmann
mvp_badge
MVP
Rank: #17

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

0
0
on 2020-10-14
Copy link to comment
Amit Verma
Champion
Rank: #133

Hi Daniël Kuhlmann ,

Yes definitely next time will do this thing.

Thank you for suggestion  :)

- AV

Thanks

0
0
on 2020-10-14
Copy link to comment