::before being inserted for an unknown reason

5 posts, 0 answers
  1. Young
    Young avatar
    15 posts
    Member since:
    Nov 2012

    Posted 13 Sep 2017 Link to this post

    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.

     

  2. Young
    Young avatar
    15 posts
    Member since:
    Nov 2012

    Posted 13 Sep 2017 Link to this post

    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
  3. Peter Milchev
    Admin
    Peter Milchev avatar
    304 posts

    Posted 18 Sep 2017 Link to this post

    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
    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.
  4. Young
    Young avatar
    15 posts
    Member since:
    Nov 2012

    Posted 19 Sep 2017 Link to this post

    When I set RenderMode="Classic" the rad rating stars disappear under the customer review settings.

    How do I fix this?

  5. Rumen
    Admin
    Rumen avatar
    13302 posts

    Posted 22 Sep 2017 Link to this post

    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
    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.
Back to Top