For an unknown reason ::before is being auto-inserted on some instances of RadRating but not others. How do I prevent ::before from being inserted when using RadRating?
Attached are screenshots of the user control code and the Chrome element inspector. In the code comparison attachment the code on the left auto-inserts "::before" and the code on the right does not.
4 Answers, 1 is accepted
0
Young
Top achievements
Rank 1
Rank 1
answered on 13 Sep 2017, 04:52 PM
On both of these pages you will need to scroll to the bottom.
Page where ::before is auto inserted preventing the stars from being colored blue.
https://www.changeyourenergy.com/shop/733/book-ive-decided-to-live-120-years
Page where ::before is 'not' auto inserted and the star becomes blue.
https://www.changeyourenergy.com/courses/info/1601/everyday-change-with-ilchi-lee-simple-lifestyle-tips
Page where ::before is auto inserted preventing the stars from being colored blue.
https://www.changeyourenergy.com/shop/733/book-ive-decided-to-live-120-years
Page where ::before is 'not' auto inserted and the star becomes blue.
https://www.changeyourenergy.com/courses/info/1601/everyday-change-with-ilchi-lee-simple-lifestyle-tips
0
Hello Young,
Thank you for providing the live URLs.
The difference is expected as in the two pages the render modes of the Rating are different as demonstrated in this screenshot.
The RadRating3 control does not have the ::before pseudo element and is with Classic render mode. That means setting the render mode to classic for all Ratings should resolve the issue.
Regards,
Peter Milchev
Progress Telerik
Thank you for providing the live URLs.
The difference is expected as in the two pages the render modes of the Rating are different as demonstrated in this screenshot.
The RadRating3 control does not have the ::before pseudo element and is with Classic render mode. That means setting the render mode to classic for all Ratings should resolve the issue.
Regards,
Peter Milchev
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Young
Top achievements
Rank 1
Rank 1
answered on 19 Sep 2017, 02:47 PM
When I set RenderMode="Classic" the rad rating stars disappear under the customer review settings.
How do I fix this?
How do I fix this?
0
Hi,
The first rating has a skin property set but its EnableEmbeddedSkins property is set to false. This means that you have to import its skin files manually or to set the EnableEmbeddedSkins to true to load them from the assembly.
The second and third rating components do not have a Skin property applied and again their EnableEmbeddedSkins property is set to false. If you set the EnableEmbeddedSkins="true" the default or specified skin will be loaded.
Regards,
Rumen
Progress Telerik
The first rating has a skin property set but its EnableEmbeddedSkins property is set to false. This means that you have to import its skin files manually or to set the EnableEmbeddedSkins to true to load them from the assembly.
The second and third rating components do not have a Skin property applied and again their EnableEmbeddedSkins property is set to false. If you set the EnableEmbeddedSkins="true" the default or specified skin will be loaded.
Regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.