Star rating plugin

Hey all,

This is my first post to the forum so I’m sorry in advance if I’ve broke a rule.

I’m using the star rating plugin to display an average star rating all users have inputted on another screen. I’ve disabled it as an input and it works great.

The issue is that when I hover the star rating input (because it’s technically an input) the cursor turns into a No sign (circle with a line through it) trying to signify the input is disabled. How can I change that to have the cursor continue as normal? For reference I have reviewed the options in the conditional formatting

It is possible to disable it with custom code (using HTML element):

For all rating elements:

<style>
.rating-disabled {
   cursor: default !important;
}
</style>

For specific rating element (set some ID to the element and replace it in “elementID”):

<style>
#elementID .rating-disabled {
   cursor: default !important;
}
</style>

But if you don’t want to use custom code you also can use a workaround like wrapping the plugin element in a group with Aligned to parent layout and then insert a transparent inner group (or shape) over the element. This way the plugin element will remain visible, but the cursor will interact with the inner group/shape.

2 Likes

Thank you! This worked perfect. I put an HTML element anywhere on the page, set it to hidden on page load and collapse when hidden.