This is a migrated thread and some comments may be shown as answers.

Column rating issue popup modal

2 Answers 33 Views
Grid
This is a migrated thread and some comments may be shown as answers.
juan carlos
Top achievements
Rank 1
juan carlos asked on 10 Nov 2014, 05:36 PM
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>

2 Answers, 1 is accepted

Sort by
0
juan carlos
Top achievements
Rank 1
answered on 10 Nov 2014, 05:38 PM
version telerik 2013 q3
0
Konstantin Dikov
Telerik team
answered on 13 Nov 2014, 11:55 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Grid
Asked by
juan carlos
Top achievements
Rank 1
Answers by
juan carlos
Top achievements
Rank 1
Konstantin Dikov
Telerik team
Share this question
or