How to reference Ajax Rating control from external style sheet

Question

User1909155429 posted

i cannot get my Ajax Rating control to work with external style sheet reference.Only operates from the page itself using class reference:

Classes

.emptyRatingStar { background-image: url(../image/starEmpty.png); }
.filledRatingStar { background-image: url(../image/starFilled.png); }

</style>

Listview control

<td >

<ajaxToolkit:Rating ID="Rating1" runat="server" AutoPostBack="false" Font-Bold="true" RatingAlign="Horizontal"
CurrentRating='<%# Eval("AverageRating") %>' BackColor="Blue" ForeColor="Black"
EmptyStarCssClass="emptyRatingStar" FilledStarCssClass="filledRatingStar" StarCssClass="ratingStar"
MaxRating="5" ReadOnly="true"
WaitingStarCssClass="filledRatingStar">
</ajaxToolkit:Rating>

</td>
</tr>
</ItemTemplate>

Answer 1

User475983607 posted

Try pressing ctrl-F5 in the browser to force the browser to download all files rather than loading files from cache.   I recommend learning the browser's dev tools for troubleshooting presentation issues. 

Answer 2

User1909155429 posted

i discovered the problem.! because i moved the style location to another folder all the paths were wrong. i did not suspect that i presumed the page would automatically find the theme folder containing the style rules.