Hello! Thank you for your kind word. First of all you should add something like this code to section.
Next add next attribute to tag or tag a couple of hover events. And now you can use "LocalProps.MouseHover" in any play to trigger color changing. Also, I can't not mention. That you can simply use the converter svghmi.pro where it is already implemented. You don't even need to open the code editor.
@@industrial_control, hey, thanks! I thought it would end up being easier than this. I've also tried the website you are talking about, but it doesn't work properly with the icons from Google (fonts.google.com/icons). The properties are not being bound to the interface when I tried to upload an icon.
@industrial_control , hey, thanks! I thought it would end up being easier than this. I've also tried the website you are talking about, but it doesn't work properly with the icons from Google (fonts.google.com/icons ). The properties are not being bound to the interface when I tried to upload an icon.
Very strange, just now specifically went to check some google icons and everything works marvellously. You just need to add an ID to the elements. Then add "fill connection" and specify the same id. Regarding the hover effect. I would also like to add that I usually add a rectangle as big as the whole viewBox. In order for the hover effect to work correctly and not flicker when you move the cursor from line to line.
Hello! Thanks for your insightful videos! How can I manage to change the color of a svghmi when the mouse action onHover is triggered?
Hello! Thank you for your kind word. First of all you should add something like this code to section.
Next add next attribute to tag or tag a couple of hover events.
And now you can use "LocalProps.MouseHover" in any play to trigger color changing.
Also, I can't not mention. That you can simply use the converter svghmi.pro where it is already implemented. You don't even need to open the code editor.
@@industrial_control, hey, thanks! I thought it would end up being easier than this. I've also tried the website you are talking about, but it doesn't work properly with the icons from Google (fonts.google.com/icons). The properties are not being bound to the interface when I tried to upload an icon.
@industrial_control , hey, thanks! I thought it would end up being easier than this. I've also tried the website you are talking about, but it doesn't work properly with the icons from Google (fonts.google.com/icons ). The properties are not being bound to the interface when I tried to upload an icon.
@@industrial_control, may I contact you in private?
Very strange, just now specifically went to check some google icons and everything works marvellously. You just need to add an ID to the elements. Then add "fill connection" and specify the same id.
Regarding the hover effect. I would also like to add that I usually add a rectangle as big as the whole viewBox. In order for the hover effect to work correctly and not flicker when you move the cursor from line to line.