I would like to duplicate the functionality show in this codepen: (https://codepen.io/joshnh/pen/vOxxQX?editors=110). At 600px, it stacks the table header on the left side, and the data on the right side. I have a RadGrid with over 20 columns, and to make this mobile-friendly I'd like to be able to create the same affect on a RadGrid.
This approach appears to be dependent on having data-labels on the <td>. I see the grid headers are rendered as a th, but I don't see a way to have a data-label on the <td>. Is there any way to make the UniqueName render as a data-label, or is there some other approach that can make RadGrids columns stackable with the header name on the left side?
Thank you.

I am using custom FileSystemContentProvider class for FileExplorer's ContentProviderTypeName configuration.
I am using HTTPHandler to download files on double click on Files .
When double Clicked it opens files to download but it also opens a RadWindow . is there way to stop the popup and get the files downloaded directly?

Hi Guys
I am trying to make my existing (working ) xmldatasource radrotator to an sqldatasource version, but struggling to make the random image show up
Here is what I have; it seems like the string to pick up the image from the 'logos' folder isn't right. What am I doing wrong?
<telerik:radrotator ID="RadRotatorLogo" runat="server" DataSourceID="SqlDataSourceSponsors" Width="365px" Height="230px" ItemWidth="350px" ItemHeight="230px " FrameDuration="8000" RotatorType="SlideShow" SlideShowAnimation-Type="fade" BackColor="#FFFFFF" ScrollDirection="Down" EnableRandomOrder="True" Skin="Simple">
<ItemTemplate>
<asp:Image ID="CustomerImage" runat="server" AlternateText=""
ImageUrl='<%# "~/images/logos/" & Eval("fileName") %>'
ImageAlign="Middle"></asp:Image>
</ItemTemplate>
<SlideShowAnimation Duration="3000" Type="Fade" />
</telerik:radrotator>
<asp:SqlDataSource ID="SqlDataSourceSponsors" runat="server" ConnectionString="<%$ ConnectionStrings:RotaryConnectionString %>" SelectCommand="SELECT [fileName] FROM [tblSponsors]"></asp:SqlDataSource>
thanks
Clive
For some reason when i click on map area in Chrome blue border shows up (see attached). Same true for grid as well.
Any recommendations?

I have a radgrid I am trying to edit. When It goes to edit mode all the columns are pushed to the left side of the row. The edit portion displays correctly but the data row that is being edited has all the columns pushed to the left side of the grid.
Here is the code for the aspx page. I will attach a before and after edit button is pushed as attached files. I have tried column editors. Tried adjusting them from code behind. All the things I have found on the web to no avail. I have spent way too much time trying to figure this out and the client is getting restless. Any help would be appreciated.
<div id="divRadGrid"> <telerik:RadGrid runat="server" ID="rgLOIs" DataSourceID="sdsLOIs" ClientIDMode="Static" ShowHeader="true" width ="100%" AllowAutomaticInserts="false" AllowAutomaticDeletes="false" AutoGenerateEditColumn="false" AutoGenerateColumns="false" EditItemStyle-CssClass="noPrint" EditItemStyle-Width="20%" EditRowStyle-Width="5%"> <ClientSettings Scrolling-UseStaticHeaders="true" Scrolling-AllowScroll="true"></ClientSettings> <MasterTableView Width="100%" TableLayout="Fixed"> <EditFormSettings > <FormStyle BackColor="#99ccff" /> </EditFormSettings> <Columns> <telerik:GridEditCommandColumn UniqueName="GridEditColumn" ></telerik:GridEditCommandColumn> <telerik:GridBoundColumn DataField="AuditLoiId" Display="false" ReadOnly="true" /> <telerik:GridBoundColumn DataField="LoiId" Display="false" ReadOnly="true"/> <telerik:GridBoundColumn UniqueName="LoiCode" DataField="LoiCode" ReadOnly="true" ItemStyle-CssClass="maximize" HeaderStyle-Wrap="true"/> <telerik:GridBoundColumn UniqueName="LoiText" DataField="LoiText" HeaderStyle-CssClass="form-control" ReadOnly="true" ColumnEditorID="GridTextBoxColumnEditor1" ItemStyle-CssClass="maximize" HeaderText="LOI" HeaderStyle-Width="20%" HeaderStyle-Wrap="true"/> <telerik:GridTemplateColumn UniqueName="CBResponse" HeaderText="Yes/No" ItemStyle-CssClass="maximize" HeaderStyle-Width="5%"> <ItemTemplate> <asp:RadioButtonList runat="server" ID="rblItemResponse" Width="100%" DataValueField="CBResponse" Value='<%# Eval("CBResponse") %>'> <asp:ListItem Text="Yes" Value="1"></asp:ListItem> <asp:ListItem Text ="No" Value="0"></asp:ListItem> </asp:RadioButtonList> </ItemTemplate> <EditItemTemplate> <asp:RadioButtonList runat="server" ID="rblEditResponse" Width="100%" DataValueField="CBResponse" > <asp:ListItem Text="Yes" Value="1"></asp:ListItem> <asp:ListItem Text ="No" Value="0"></asp:ListItem> </asp:RadioButtonList> </EditItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="FacilityStatus" ItemStyle-CssClass="maximize" HeaderStyle-Width="15%" HeaderText="Status(Facility)"> <EditItemTemplate> <asp:DropDownList ID="ddlEditFacilityStatus" runat="server" Width="100%" DataSourceID="sdsLoiStatus" DataTextField="LoiStatusText" DataValueField="LoiStatusId" SelectedValue='<%# Bind("FacilityStatus") %>'></asp:DropDownList> </EditItemTemplate> <ItemTemplate> <asp:DropDownList ID="ddlItemFacilityStatus" runat="server" Width="100%" DataSourceID="sdsLoiStatus" DataTextField="LoiStatusText" DataValueField="LoiStatusId" SelectedValue='<%# Eval("FacilityStatus") %>'></asp:DropDownList> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName ="FacilityComments" ItemStyle-CssClass="maximize" HeaderStyle-Width="20%" HeaderText="Facility Comments"> <EditItemTemplate> <asp:TextBox ID="txtEditFacilityComments" runat="server" Width="100%" Text='<%# Bind("FacilityComments") %>'></asp:TextBox> </EditItemTemplate> <ItemTemplate> <asp:TextBox ID="txtItemFacilityComments" runat="server" Width="100%" Text='<%# Eval("FacilityComments") %>'></asp:TextBox> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="AuditorStatus" ItemStyle-CssClass="maximize" HeaderStyle-Width="15%" HeaderText="Status(Auditor)" DataField="AuditorStatus"> <EditItemTemplate> <asp:DropDownList ID="ddlEditAuditorStatus" runat="server" Width="100%" DataSourceID="sdsLoiStatus" DataTextField="LoiStatusText" DataValueField="LoiStatusId" SelectedValue='<%# Bind("AuditorStatus") %>'></asp:DropDownList> </EditItemTemplate> <ItemTemplate> <asp:DropDownList ID="ddlItemAuditorStatus" runat="server" Width="100%" DataSourceID="sdsLoiStatus" DataTextField="LoiStatusText" DataValueField="LoiStatusId" SelectedValue='<%# Eval("AuditorStatus") %>'></asp:DropDownList> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName ="AuditorComments" ItemStyle-CssClass="maximize" HeaderStyle-Width="20%" HeaderText="Facility Comments"> <EditItemTemplate> <asp:TextBox ID="txtEditAuditorComments" runat="server" Width="100%" Text='<%# Bind("AuditorComments") %>'></asp:TextBox> </EditItemTemplate> <ItemTemplate> <asp:TextBox ID="txtItemAuditorComments" runat="server" Width="100%" Text='<%# Eval("AuditorComments") %>'></asp:TextBox> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> </MasterTableView> </telerik:RadGrid>

I need to use client side data binding on a line or area based radar chart that has any number of points but may have 1 or more series. For example there may be 8 products shown as total sales for a year for a sales person. So the series is 'Sales year' and the points are the '8 Products'. Although I may be required to show the same data but on a per quarter basis. So each series would be 'Sales Year Q1', etc. and the points would still be the '8 Products'.
When going through the demos for client side data binding; there are no examples for this with Radar graphs. The example show a pie chart being populated this way but a series is already defined in the example. I need this to be dynamic as I may need more than one series. Although I tried with a single series I could set the DataFieldY but for the point name which I was looking for something like 'NameField' this does not exist under the radar line series.
I really need some help with this.
If (TypeOf e.Item Is GridEditableItem) AndAlso (e.Item.IsInEditMode) Then Dim edititem As GridEditableItem = DirectCast(e.Item, GridEditableItem) Dim datpkr As RadDatePicker = DirectCast(edititem("DateUpdated").Controls(0), RadDatePicker) datpkr.MaxDate = DateTime.Today datpkr.MinDate =DateTime.Today.AddDays(-15) End If The issue with this is that the dates are still selectable but i get an "alert" icon in the datepicker box.. I would like the users to try to not select dates beyond mindate. (saves me writing validation code)
I then tried hardcoding the mindate in desgin mode as shown below:
<telerik:GridDateTimeColumn DataField="DateUpdated" HeaderText="DateUpdated" UniqueName="DateUpdated" PickerType="DatePicker" MinDate="03/01/2012" />when i did that, i was not able to select dates before the mindate, which is what i want to do.
Question:
I really need to set the mindate from the server-side (ItemDataBound event) as the mindate would be set to another date field in the database table.
is there a way to "not select dates" les than Mindate from the server side? Or am i doing something wrong?
I did check the forum for a similar issue/solution but did not find something related.
Thanks
Donald
Am using Q1, 2012 version
