Questions on UI for ASP.NET AJAX Forum

4 answers

328 views

Blue border after click in Chrome

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?

Map

answered on 03 Dec 2018

2 answers

140 views

Setting caret position after autopostback

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?

Grid

answered on 03 Dec 2018

4 answers

522 views

legend not showing

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?

Chart (HTML5)

answered on 30 Nov 2018

3 answers

347 views

RadGrid Column sizing in edit mode

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>

Grid

answered on 29 Nov 2018

1 answer

152 views

Client side databinding to radar chart

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.

Chart (HTML5)

answered on 28 Nov 2018

4 answers

322 views

DatePicker's MinDate in Grid behaves differently when set from server and desgin modes

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

Grid

answered on 28 Nov 2018

1 answer

293 views

RadGrid aggregate

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!

Grid

answered on 28 Nov 2018

1 answer

228 views

Something times out leaving blank page

Hi,

I've been at this one for ages.

I have a tree view which when a node is clicked, gets the data from the node.value and shows it. (ajaxed)
I've tried everything to do with ajax timeout settings in script manager and such but it still happens.

What could I test for when the node is clicked, that might throw an error? Then I can redirect.

Cheers,

Jon

Ajax