PVA - Is possible to highlight rating star?

(0) Share

Report

Posted on by MariamPaulachan

In PVA is it possible to highlight rating star when the user select/hover on it?

Categories:

General topics

I have the same question (0)

All responses (6)

Answers (0)

CU22081450-0 Most Valuable Professional on at

Like (1)

Report

Hi @MariamPaulachan ,

If you are not using your bot within a custom website, the answer is no.

Otherwise, if you are using a bot on a Custom Website (e.g. mybot.com), you could use CSS classes and customizations to do it on your custom website: https://learn.microsoft.com/en-us/power-virtual-agents/customize-default-canvas?tabs=web#customize-the-default-canvas-simple?WT.mc_id=BA-MVP-5003806

Feel free to raise your ideas here: https://aka.ms/pva/community/ideas

Was this reply helpful? Yes No
MariamPaulachan 86 on at

Like (0)

Report

Thanks @renatoromao for the confirmation. Will let you know in case of any further queries.

Was this reply helpful? Yes No
fernandosilva Super User 2024 Season 1 on at

Like (0)

Report

Hi @renatoromao ,

I'm not sure if is possible to change anything on the rating stars as it's all a data image and we don't have access to the core to place a class or id in there. So, after trying many times to sort this out and even opened a ticket, i believe 2 years ago, the answers was that it cannot be done.
Also, it should be done from the core as it looks really unprofessional and cheap.
Unfortunately, there is no way we can create our own rating and call it from Power BI.
Any suggestion, please let us all know.

Cheers,

Fernando

Was this reply helpful? Yes No
HenryJammes on at

Like (1)

Report

What helps influence our engineering team roadmap is submissions on https://aka.ms/pvafeaturerequest
The more business impact and details, the better.
So, please, do submit items when you see improvement opportunities in the platform.

Was this reply helpful? Yes No
MariamPaulachan 86 on at

Like (0)

Report

Hi @HenryJammes,

I was able highlight the rating in custom webchat. Just wanted to confirm if this only limited to custom website and not teams channel? If possible, could suggest alternative method for teams channel

Was this reply helpful? Yes No
fernandosilva Super User 2024 Season 1 on at

Like (0)

Report
Hi All,

Managed to change something and works great on Apple devices as well.

What I did was all about overwriting css.

The only thing that cannot be changed is when the user click on the star.
Originally is placed as an image and not as a link.
As a link you can overwrite the "visited" attribute.
Because the rating icons are images that users are able to select, there is no way to create a "visited" attribute for them as they are not "a" links.

See below:

/*rating stars */ .ac-selectable { cursor: pointer; } /* hover */ .ac-selectable[aria-label="Rate 1"] { content:url('../chatbot/images/ratings/rate1.svg'); } .ac-selectable[aria-label="Rate 1"]:hover { content:url('../chatbot/images/ratings/rate1y.svg'); } .ac-selectable[aria-label="Rate 2"] { content:url('../chatbot/images/ratings/rate2.svg'); } .ac-selectable[aria-label="Rate 2"]:hover { content:url('../chatbot/images/ratings/rate2y.svg'); } .ac-selectable[aria-label="Rate 3"] { content:url('../chatbot/images/ratings/rate3.svg'); } .ac-selectable[aria-label="Rate 3"]:hover { content:url('../chatbot/images/ratings/rate3y.svg'); } .ac-selectable[aria-label="Rate 4"] { content:url('../chatbot/images/ratings/rate4.svg'); } .ac-selectable[aria-label="Rate 4"]:hover { content:url('../chatbot/images/ratings/rate4y.svg'); } .ac-selectable[aria-label="Rate 5"] { content:url('../chatbot/images/ratings/rate5.svg'); } .ac-selectable[aria-label="Rate 5"]:hover { content:url('../chatbot/images/ratings/rate5y.svg'); } .ac-image.ac-selectable:active { background-color: #d3d3d3; }

Cheers,

Fernando

Was this reply helpful? Yes No