Column rating issue popup modal

[juan carlos]

hello.

I am having a problem, i have a grid with a column GridRatingColumn, in which show the rating of an object to be evaluated, the event that fills the grid with data is a button_click, during the event I show a modal popup to block the page and the user does not run another event, The result is shown in the image issue.jpg, I ejecutra again button_clik event for the display either as shown in the image good.jpg, this only happens in chrome and firefox, internet explorer runs perfectly.


HELP!

01.<asp:Panel runat="server" ID="pnlPrueba">
02.
03.
04.
05.
06.                     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
07.                    <Triggers>
08.                        <asp:AsyncPostBackTrigger ControlID="btnGenerar" EventName="Click" />
09.
10.                    </Triggers>
11.                    <ContentTemplate
12.
13.                    <asp:Panel ID="pnlProgress" runat="server" CssClass="pnlcarga">
14.                            <img src="images/OperacionRuta/loader.GIF" class="imgcarga" />
15.                    </asp:Panel>
16.                    <asp:UpdateProgress ID="updProgress" runat="server" ViewStateMode="Inherit" DynamicLayout="true">
17.                            <ProgressTemplate>
18.                            </ProgressTemplate>
19.                    </asp:UpdateProgress>
20.
21.                    <telerik:RadGrid ID="rgvReporte" runat="server" AutoGenerateColumns="false" OnNeedDataSource="rgvReporte_NeedDataSource" Height="600px" OnItemDataBound="rgvReporte_ItemDataBound" AllowSorting="true">
22.                        <ClientSettings>
23.                            <Scrolling AllowScroll="true" UseStaticHeaders="true" />
24.                            <Animation AllowColumnReorderAnimation="true" />
25.                        </ClientSettings>
26.                        <MasterTableView DataKeyNames="IdActividad,Color">
27.                            <Columns>
28.                                <telerik:GridBoundColumn HeaderText="Calificación" AllowSorting="true" DataType="System.Char" DataField="Calificacion" UniqueName="Calificacion" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="70px" HeaderStyle-Width="70px" />
29.                                <telerik:GridBoundColumn HeaderText="Actividad" AllowSorting="true" DataType="System.Char" DataField="Detalle" UniqueName="Detalle" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="200px" HeaderStyle-Width="200px" />
30.                                <telerik:GridBoundColumn HeaderText="Criterio" AllowSorting="true" DataType="System.Char" DataField="Criterio" UniqueName="Criterio" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="200px" HeaderStyle-Width="200px" />
31.                                <telerik:GridBoundColumn HeaderText="Ruta" AllowSorting="true" DataType="System.Char" DataField="NombreRuta" UniqueName="NombreRuta" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="100px" HeaderStyle-Width="100px" />
32.                                <telerik:GridBoundColumn HeaderText="Fecha" AllowSorting="true" DataType="System.DateTime" DataField="Fecha" UniqueName="Fecha" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:dd/MM/yyyy}" ItemStyle-Width="80px" HeaderStyle-Width="80px" />
33.                                <telerik:GridBoundColumn HeaderText="Turno" AllowSorting="true" DataType="System.Char" DataField="Turno" UniqueName="Turno" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="40px" HeaderStyle-Width="40px" />
34.                                <telerik:GridBoundColumn HeaderText="Tipo Reporte" AllowSorting="true" DataType="System.Char" DataField="DetalleTipo" UniqueName="DetalleTipo" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="70px" HeaderStyle-Width="70px" />
35.                                <telerik:GridBoundColumn HeaderText="Parada" AllowSorting="true" DataType="System.Char" DataField="NombrePAradero" UniqueName="NombrePAradero" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="120px" HeaderStyle-Width="120px" />
36.                                <telerik:GridBoundColumn HeaderText="Unidad" AllowSorting="true" DataType="System.Char" DataField="NumeroUnidad" UniqueName="NombreUnidad" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="70px" HeaderStyle-Width="70px" />
37.                                <telerik:GridRatingColumn HeaderText="Rating" AllowRatingInViewMode="true" DataField="ValorCalificacion" ItemStyle-Width="165px" HeaderStyle-Width="180px" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"></telerik:GridRatingColumn>
38.                            </Columns>
39.                        </MasterTableView>
40.
41.                    </telerik:RadGrid>
42.                       </ContentTemplate>
43.                </asp:UpdatePanel>
44.                </asp:Panel>

[juan carlos]

version telerik 2013 q3

[Konstantin Dikov]

Hi Juan,

I have tested your code on my end with your current version, but I did not replicate the issue that you are mentioning. 

Such layout of the rating could be observed if one of the styles of the control is overridden (by custom CSS or some inline styles):

.RadRating li {
    float: left;
}

Since I am not able to replicate the problem locally, most likely you have some custom style that overrides the above property and breaks the layout. 

Could you please include the following CSS and see if it fixes the issue:

.RadRating li {
    float: left!important;
}

Best Regards,
Konstantin Dikov
Telerik