Questions on UI for ASP.NET AJAX Forum

4 answers

332 views

RadHtmlChart position

Hi,

I'm trying to position my pie chart at the left side of the div.

I've found the title position:

<ChartTitle Text="Total">

<Appearance Align="Center" BackgroundColor="White" Position="Top"></Appearance>

</ChartTitle>

And the legend position:

<Legend>

<Appearance BackgroundColor="White" Position="Right" Visible="true"></Appearance>

</Legend>

But I didn't find how to position the chart itself, to be aligned to the left, and not to the center.
Currently it's always at the center of its containing div.

Thanks,
Guy Segev.

Chart (HTML5)

answered on 13 Jun 2015

3 answers

357 views

RadEditor's content area scrollbar is not visible in Design and Preview mode in FireFox

We have an application that uses a RadEditor on a RadWindow to allow our users to edit HTML content, which works perfectly in IE (versions 7 and above tested) but not Firefox (various 3.x versions tested). In IE, if the content extends beyond the viewable RadEditor content area in any of the 3 modes (Design, HTML, or Preview), a vertical scrollbar appears. In FF, if the content extends beyond the viewable RadEditor content area, a vertical scrollbar appears in HTML mode but not in Design or Preview mode. Any thoughts on why this might happen and how to correct it? Please see the attached images to see the different views in FF and how they appear versus the screenshot of the same popup window in IE.

Editor

answered on 13 Jun 2015

7 answers

385 views

ItemInserted event code behind

Hi

I need to access the value of a GridTemplateColumn in the iteminsertet event.
It is working fine with GridBoundColumn.

<telerik:GridBoundColumn DataField="contactmobile" HeaderText="Mobile"
SortExpression="mobile" UniqueName="contactmobile">
</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="address" HeaderText="Address"
         SortExpression="Address" UniqueName="Address">
<EditItemTemplate>
     <asp:TextBox ID="addressTextBox" TextMode="MultiLine" Width="300px" Height="75px"
     runat="server" Text='<%# Bind("address") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="addressLabel" runat="server" Text='<%# Eval("address") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>

code behind:
        protected void RadGrid1_ItemInserted(object source, GridInsertedEventArgs e)
        {
            GridEditFormInsertItem editformItem = (GridEditFormInsertItem)e.Item;
            TextBox contactmobile = (TextBox)editformItem["contactmobile"].Controls[0];
            // working fine
            TextBox address = (TextBox)editformItem["address"].Controls[0];
            // working fine not working
            // dumps with Cannot find cell bound to column with unique name 'address'
     }

How do I read the value from Address here ??
Thx
Torben

Grid

answered on 13 Jun 2015

5 answers

518 views

Radgrid rebind client side not working

Good day:

grid.get_masterTableView().rebind() not firing after any of the following process:

Insert
Delete
Update

Leaving me to manually refreshing the page before seeing the updates inside the grid. I'm doing client side dataBinding and using the ClientDataSource.

I'm not sure if it is my coding giving the problem or there is a bug in both later versions of the Telerik UI for ASP.Net AJAX 2014 (Q2 - 2104.2.618 and Q3 - 2014.3.1209)

I'm attaching the link to my projects for you to review.

https://drive.google.com/folderview?id=0BzWUZQhT9G4oZWwyN2NNcEJBUXc&usp=sharing

Anticipating a speedy response.

Thanks you

Grid

answered on 12 Jun 2015

1 answer

109 views

Radgrid not updating on first update, works perfect from second call on

Hello,

I have implemented a drag-drop from one Radgrid to another. When the target grid receives a drop, it updates a SQL table. The target grid is using a DataSourceID to the said SQL table. I have placed a Radgrid.Rebind() in the postback call. Everything works great - except for the first time. When I drop the first item, the target grid does not update but I can see that it updated the SQL table. After the first item, I can continuously drop more items from the source grid and the target grid will refresh every time to represent the data in the SQL table using the Rebind in postback. What would cause the first instance of a rebind to not work properly?

I saw on some posts to place the Rebind in the page's PreRender event but that also did not work. Any suggestions are much appreciated. Thank you.

Grid

answered on 12 Jun 2015

2 answers

148 views

OnSelectedIndexChanged event fired unexpected after page refresh in Firefox

Hi there,

The RadcomboBox OnSelectedIndexChanged event fired unexpected after I refresh page in firefox, however, it is working fine in IE and Chrome. Here is my code and scenario.

1 Use firefox to open the page

2 Select value from the first ComboBox

3 Select value from the second ComboBox

4 Refresh Page

5 Click the "Explore" button on the page, the OnSelectedIndexChanged
event of the first RadComboBox got fired in Firefox (working fine in IE
and Chrome).

Please help. Thank you very much.

Default.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns='http://www.w3.org/1999/xhtml'>

<head runat="server">

<title>Telerik ASP.NET Example</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadFormDecorator ID="FormDecorator1" runat="server" />

<div class="qsf-demo-canvas">

<div class="continents">

<telerik:RadComboBox ID="RadComboBox1" runat="server" Width="186px"

AutoPostBack="true" Filter="Contains" datatextfield="Name" datavaluefield="ID"

OnDataBound="ddlBox1_DataBound" OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged">

</telerik:RadComboBox>

</div>

<div class="countries">

<telerik:RadComboBox ID="RadComboBox2" runat="server" Width="186px"

AutoPostBack="true" Filter="Contains" datatextfield="Name" datavaluefield="ID"

OnDataBound="ddlBox2_DataBound" OnSelectedIndexChanged="RadComboBox2_SelectedIndexChanged">

</telerik:RadComboBox>

</div>

<div>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" CellSpacing="0" AllowSorting="true"

GridLines="None" Width="800px">

<ClientSettings>

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="False" DataKeyNames="ID">

<Columns>

<telerik:GridBoundColumn DataField="ID" DataType="System.String"

HeaderText="StateID" ReadOnly="True" SortExpression="ID" UniqueName="ID">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="Name" DataType="System.String"

HeaderText="Name" SortExpression="Name" UniqueName="Name">

</telerik:GridDateTimeColumn>

</Columns>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

</div>

<p class="buttons">

<asp:Button ID="Button1" runat="server" Text="Explore" OnClick="Button1_Click" />

</p>

<div class="result">

<asp:Label runat="server" ID="Literal1" />

</div>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadComboBox1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadComboBox2" />

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadComboBox2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

</form>

</body>

</html>

Code behind

using System;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Linq;

using System.Data;

using System.Data.SqlClient;

using System.Configuration;

using System.Web.Security;

using System.Collections.Generic;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

public partial class Default : System.Web.UI.Page

{

public class State

{

public String ID { get; set; }

public String Name { get; set; }

}

public class City

{

public String ID { get; set; }

public String Name { get; set; }

public String StateID { get; set; }

}

public List<State> GetStateList()

{

List<State> _list = new List<State>();

State d1 = new State();

d1.Name = "AB";

d1.ID = "1";

State d2 = new State();

d2.Name = "BC";

d2.ID = "2";

State d3 = new State();

d3.Name = "ON";

d3.ID = "3";

_list.Add(d1);

_list.Add(d2);

_list.Add(d3);

return _list;

}

public List<City> GetCityList(String _stateID)

{

List<City> _list = new List<City>();

List<City> _newList = new List<City>();

City c1 = new City();

c1.Name = "Calgary";

c1.ID = "1";

c1.StateID = "1";

City c2 = new City();

c2.Name = "Edmonton";

c2.ID = "2";

c2.StateID = "1";

City c3 = new City();

c3.Name = "Vancouver";

c3.ID = "3";

c3.StateID = "2";

City c4 = new City();

c4.Name = "Victoria";

c4.ID = "4";

c4.StateID = "2";

City c5 = new City();

c5.Name = "Toronto";

c5.ID = "5";

c5.StateID = "3";

City c6 = new City();

c6.Name = "Ottawa";

c6.ID = "6";

c6.StateID = "3";

_list.Add(c1);

_list.Add(c2);

_list.Add(c3);

_list.Add(c4);

_list.Add(c5);

_list.Add(c6);

var _result = _list.Where(t => t.StateID == _stateID);

foreach (var _item in _result)

{

City d = new City();

d.ID = _item.ID;

d.StateID = _item.StateID;

d.Name = _item.Name;

_newList.Add(d);

}

return _newList;

}

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

LoadBox1();

}

protected void RadComboBox1_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

if (e.Value != String.Empty)

{

LoadBox2(e.Value);

List<State> _test = new List<State>();

RadGrid1.DataSource = _test;

RadGrid1.DataBind();

}

protected void RadComboBox2_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

if (e.Value != String.Empty)

{

LoadGrid();

}

public void LoadGrid()

{

RadGrid1.DataSource = GetStateList();

RadGrid1.DataBind();

}

protected void LoadBox1()

{

RadComboBox1.DataSource = GetStateList();

RadComboBox1.DataBind();

}

protected void LoadBox2(string _stateID)

{

RadComboBox2.DataSource = GetCityList(_stateID);

RadComboBox2.DataBind();

}

protected void ddlBox1_DataBound(object sender, EventArgs e)

{

var combo = (RadComboBox)sender;

combo.Items.Insert(0, new RadComboBoxItem("Please Select", String.Empty));

RadComboBox2.Items.Insert(0, new RadComboBoxItem("Please Select", String.Empty));

}

protected void ddlBox2_DataBound(object sender, EventArgs e)

{

var combo = (RadComboBox)sender;

combo.Items.Insert(0, new RadComboBoxItem("Please Select", String.Empty));

}

protected void Button1_Click(object sender, EventArgs e)

{

//Literal1.Text = string.Empty;

}

:

ComboBox

answered on 12 Jun 2015

1 answer

239 views

Programmatically Create Plot Bands for RadHtmlChart

Hello,

I am creating a RadHtmlChart in the code-behind (VB.NET) and would like to know how to create a plot band for the yAxis programmatically? I can't find any documentation online or in the forums. Any help would be greatly appreciated.

Thanks!

Chart (HTML5)

answered on 12 Jun 2015

1 answer

81 views

Determing what column is clicked on?

Hello,

I would like to click on a column in the grid with data and popup a menu to do something with that column of data. To do this do I have to click on a cell with data? Or can it be done with the header? I have the sort turned on for when they click a column header so I guess they need to click on any cell of data right? There is no particular row of data being used. The routines are going to use all of the data in the column. Also, what is the best way to show a menu? I would prefer the menu be near where I clicked. Is that possible for asp.net?

Thanks,

Warren

Grid

answered on 12 Jun 2015

7 answers

463 views

Cannot set Filter control width.

Just starting with RadGrid control. Adding and configuring the basic for the grid was easy. Had problems with getting the column to set to a specific width, but fix that issue with TableLayout attribute to "Fixed" instead of "Auto". The problem I'm having now is the Filter controls are too wide. So I tried to used the "FilterControlWidth" attribute for the column, but it's not working. What am I missing? See code below. TIA, Gary

    
                <telerik:RadGrid ID="rgDCR" runat="server" AllowFilteringByColumn="True"   
        
                    AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"   
        
                    DataSourceID="BCRDataSource" GridLines="Vertical" Skin="Hay" > 
        
                    <ClientSettings AllowColumnsReorder="true">  
        
                    </ClientSettings> 
        
                    <MasterTableView datakeynames="BCRkey" datasourceid="BCRDataSource" TableLayout="Fixed">  
        
                        <Columns> 
        
                            <telerik:GridHyperLinkColumn   
        
                                HeaderText="BCR Request No."   
        
                                SortExpression="BCRRequestNumber" 
        
                                DataTextFormatString="{0}" 
        
                                DataNavigateUrlFields="BCRkey" 
        
                                UniqueName="BCRRequestNumber" 
        
                                DataNavigateUrlFormatString="~/BCRRequest.aspx?BCRPKey={0}" 
        
                                DataTextField="BCRRequestNumber" 
        
                                FilterControlWidth="40px" 
        
                                > 
        
            <HeaderStyle Width="60px"></HeaderStyle> 
        
                            </telerik:GridHyperLinkColumn> 
        
                            <telerik:GridBoundColumn   
        
                                DataField="BCRRequestedDate"   
        
                                DataType="System.DateTime"   
        
                                HeaderText="Request Date"   
        
                                SortExpression="BCRRequestedDate"   
        
                                UniqueName="BCRRequestedDate"   
        
                                DataFormatString="{0:dd-MMM-yyyy}" 
        
                                FilterControlWidth="40px" 
        
                                > 
        
            <HeaderStyle Width="60px"></HeaderStyle> 
        
                           </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn   
        
                                DataField="BCREffectiveDate"   
        
                                DataType="System.DateTime" 
        
                                HeaderText="Effective Date"   
        
                                SortExpression="BCREffectiveDate"   
        
                                UniqueName="BCREffectiveDate"   
        
                                DataFormatString="{0:dd-MMM-yyyy}" 
        
                                FilterControlWidth="40px" 
        
                                > 
        
            <HeaderStyle Width="60px"></HeaderStyle> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn   
        
                                DataField="BCRDescription"   
        
                                HeaderText="Request Description"   
        
                                SortExpression="BCRDescription"   
        
                                UniqueName="BCRDescription" 
        
                                FilterControlWidth="180px" 
        
                                > 
        
            <HeaderStyle Width="200px"></HeaderStyle> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn   
        
                                DataField="BCRFirstName"   
        
                                HeaderText="First Name"   
        
                                SortExpression="BCRFirstName"   
        
                                UniqueName="BCRFirstName" 
        
                                FilterControlWidth="40px" 
        
                                > 
        
            <HeaderStyle Width="60px"></HeaderStyle> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn   
        
                                DataField="BCRLastName"   
        
                                HeaderText="Last Name"   
        
                                SortExpression="BCRLastName"   
        
                                UniqueName="BCRLastName" 
        
                                FilterControlWidth="40px" 
        
                                > 
        
            <HeaderStyle Width="60px"></HeaderStyle> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn   
        
                                DataField="BCRStatus"   
        
                                HeaderText="Status"   
        
                                SortExpression="BCRStatus"   
        
                                UniqueName="BCRStatus" 
        
                                FilterControlWidth="40px" 
        
                                > 
        
            <HeaderStyle Width="60px"></HeaderStyle> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn   
        
                                DataField="BCRLastUpdated"   
        
                                DataType="System.DateTime"   
        
                                HeaderText="Last Updated"   
        
                                SortExpression="BCRLastUpdated"   
        
                                UniqueName="BCRLastUpdated"   
        
                                DataFormatString="{0:dd-MMM-yyyy}" 
        
                                FilterControlWidth="40px" 
        
                                > 
        
            <HeaderStyle Width="60px"></HeaderStyle> 
        
                            </telerik:GridBoundColumn> 
        
                        </Columns> 
        
                        <FilterItemStyle Width="50px" /> 
        
                    </MasterTableView> 
        
                </telerik:RadGrid> 
        
                <asp:ObjectDataSource ID="BCRDataSource" runat="server" SelectMethod="SelectRows" TypeName="BLL.BCRBLL"></asp:ObjectDataSource>

Grid

answered on 12 Jun 2015

1 answer

390 views

How do I save 2 radgrids by only 1 outside Button

Hi, I'm having 2 radgrids (rgRole and rgRecei) in batch edit mode on same page.I'm using 1 html button to call OnBatchEditCommand from outside to save it. But my problem is that it can call only 1 of second radgrid and dismiss the first one.

function SaveRg() {
$find('rgRole').get_batchEditingManager().saveChanges('rgRole_ctl00')
$find('rgRecei').get_batchEditingManager().saveChanges('rgRecei_ctl00');
return false;
}

So how do i get NewValues of radgrid in code behind in another function like

protected void getRadGridNewValues(){

// get newValue of rgRole here

// get newValue of rgRecei here

}

Any help appreciated,
Thanks,
Hiep

Grid