Is there a way to increase the size of the rating-Widget beyond size 3?

Solved

Hi,

i want to build a SNAP App with rating widget. The app will be used on Lenovo Tab M10 (FHD) with a display resolution of 1920 x 1200 px.

The biggest setting of this widget is size3, but that is still very small on a tablet display. So when a customer use this, it is very difficult to hit the right rating value.

Is there a way to increase the size of the rating widget beyond the biggest setting (size3)?

Best regards

Steffen

2 years ago
SOTI Snap
ANSWERS
DK
Deepak Kumar
2 years ago

Step 1: Click on the page where the widget is present.
Step 2: Go to the property section - "Events" section - "On Load" event.
Step 3: Click on (+) and Select Run JavaScript
Step 4: Copy and paste this code below

Code for Smiley

--------------Code starts here---------------

if(!window.ratingSizeEnhanced)
{
$("<style type='text/css'>.rating-container .smiley-large-empty             {width: 60px !important;height: 60px !important;background-size: 50px 50px !important;}.rating-container .smiley-large-filled {width: 60px !important;height: 60px !important;background-size: 50px 50px !important;}</style>").appendTo("head");
window.ratingSizeEnhanced = true;
}

--------------Code ends here------------------


If you need code for other icons, please use the respective classes 
Smiley - smiley-large
Star - star-large
Heart - heart-medium
Thumbs up - thumbUp-medium

Solution
SI
Steffen Imberge
2 years ago

Thank you very much.

DM
Diya Merin Sunny
2 years ago

Hi Steffen,

In case you want a demonstrative video, please find it here.

Thanks

A
AMMOD@SOTI
2 years ago

Hi Steffen Imberge,

Thank you for posting on SOTI Pulse, Thanks Deepak Kumar for responding to this post.

I'm pleased to hear that you found a solution that meets your needs.

If you have any concerns or questions regarding this issue, please feel free to let us know. We are here to assist you.

Kind regards,

Technical Support | SOTI Inc. |1.905.624.9828 | support@soti.net | www.soti.net |