Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
123 views

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.

Attila Antal
Telerik team
 answered on 04 Dec 2018
3 answers
351 views

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?

 

 

 

 

 

Vessy
Telerik team
 answered on 04 Dec 2018
1 answer
107 views

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

 

Clive Hoggar
Top achievements
Rank 1
 answered on 03 Dec 2018
4 answers
270 views

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?

David
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 03 Dec 2018
2 answers
108 views
I have it focus on the search bar after autopostback, but when it focuses, it sets the caret to the start of the textbox.  How do I get it to move it to the end instead?
Eyup
Telerik team
 answered on 03 Dec 2018
4 answers
489 views
I have the Radhtml chart  and I have included the legend tag in aspx file but legend is not showing up in RadHtmlChart. Any idea why it not showing the legend?
Abhijeet
Top achievements
Rank 1
 answered on 30 Nov 2018
3 answers
305 views

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>

 

Eyup
Telerik team
 answered on 29 Nov 2018
1 answer
118 views

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.

Marin Bratanov
Telerik team
 answered on 28 Nov 2018
4 answers
270 views
Hi,
I am using a Datepicker in a Grid and want to prevent users from selecting date beyond a MinDate.

At first i tried to set it in the ItemDataBound event:

 

 

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

Eyup
Telerik team
 answered on 28 Nov 2018
1 answer
254 views
I have been searching for a solution for a while and have not found anything similar to my situation. I am using a RadGrid to display 5 columns, out of which the relevant ones for this question are Total, OrderDate and DeliveryDate columns. I want to SUM the Total under the Order Date and Delivery Date column footer respectively, based on two conditions: Order Date > Delivery Date (when this condition is met, Total for such rows is displayed under Order Date), and Delivery date = Order Date (when this condition is met, Total for such rows is displayed under Delivery Date.) Looking for possible ways to do this. Thank you in advance!
Marin Bratanov
Telerik team
 answered on 28 Nov 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?