Change the icon size inside the container when i click on it
Application Type
Traditional Web

I am having issues at how can i modify the icon size inside the container when i click on it. (i am doing a feedback page with smiles)

For example, when i click on very good, the icon will be bigger or something, i really need this. 

 Thanks!


Hi João,

You can change icon size using below JavaScript code -

function ChangeIconSize()
{
    var element = document.getElementsByClassName('fa fa-fw fa-smile-o fa-2x')[0];
    element.classList.remove("fa-2x");
    element.classList.add("fa-5x");
}

You need to call this JavaScript function on container onclick -


Here is the sample link -

https://personal-itafqtdv.outsystemscloud.com/IconSample/Entry1.aspx

Thanks

Vinod

I'll try it, but i have 4 different smiles, for example when i click on very good, it will be bigger, but if i change and click on very bad the very good will return to the normal size and the very bad will be bigger.

And where do i put javascript in Traditional? If you can, put drop the oml and i see it.

You can put javascript in web screen JavaScript Property. Please see the below screen -

Hi João, 

Please find the attached oml.

https://personal-itafqtdv.outsystemscloud.com/IconSample/Entry1.aspx

Thanks

Vinod


IconSample.oml

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.