UI Design for a ratings use case

siddharths over 7 years ago

Need a ratings capture screen - 1-5 stars.
On hover over a star, the color should change for the stars. For ex, if he is on the 3 start, color of 1-3 should change.
On click of the particular star, rating should get saved in the table. For example when I select rating 4, 4 stars should change color and rating 4 should get saved to the table.

Not sure if Hover over is possible. All creative ideas welcome.

Ex: callmenick.com/.../

Discussion posts and replies are publicly visible

Parents

0 monikar over 7 years ago

Hi

In a similar use case, I've once used milestoneField as an alternative.

a!milestoneField(
steps: {"poor", "average", "good", "very good", "Excellent" },
links: a!applyComponents(
a!dynamicLink(
label: _,
value: _,
saveInto: ri!rating
),
{merge({"poor", "average", "good", "very good", "Excellent" }, {1,2,3,4,5})}
),
active: if(ri!rating = 5, -1, ri!rating)
)
Cancel
Vote Up 0 Vote Down

Sign in to reply

Verify Answer

Cancel

Reply

0 monikar over 7 years ago

Hi

In a similar use case, I've once used milestoneField as an alternative.

a!milestoneField(
steps: {"poor", "average", "good", "very good", "Excellent" },
links: a!applyComponents(
a!dynamicLink(
label: _,
value: _,
saveInto: ri!rating
),
{merge({"poor", "average", "good", "very good", "Excellent" }, {1,2,3,4,5})}
),
active: if(ri!rating = 5, -1, ri!rating)
)
Cancel
Vote Up 0 Vote Down

Sign in to reply

Verify Answer

Cancel

Children

No Data