Questions on UI for ASP.NET AJAX Forum

5 answers

229 views

TreeView in combobox - retain scroll position

Hi

I've a RadTreeview inside a Radcombobox, and it can be quite long. Is it possible to retain the scroll position when a new value is required. Currently the user is taken to the top of the tree, the current selected node is highlighted, but I'd like to start scrolling from the current selected node.

Andy

ComboBox

answered on 27 May 2014

6 answers

211 views

HtmlChart with Data Navigation

Hi everyone,
I have a problem. I want to use scroll zoom in RadHtmlChart (with line or scatter line series) but I not to want extra control as this link
http://demos.telerik.com/aspnet-ajax/htmlchart/examples/functionality/datanavigation/defaultcs.aspx ,

How to use only scroll in radHtmlChart with Line series?

Chart (HTML5)

answered on 27 May 2014

1 answer

78 views

AjaxLoadingPanel showing extra image on top of the form

Hi I am trying to show the AjaxLoadingPanel on top the controls when the ajax update is being performed... the images are showing up correctly on every control that is being updated but an extra image is also shown on top of the form and i am not able to get rid of that (screen shot attached)

I hope some one can help with this... here is the code i am using

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>

<asp:Panel ID="pnlAddEdit" runat="server">
<telerik:RadAjaxLoadingPanel runat="server" ID="raLoadingPanel" BackgroundPosition="Center" Transparency="30">
<div>
<img src="~/images/loading.ring.dots.gif" alt="" />
</div>
</telerik:RadAjaxLoadingPanel>
<table cellpadding="3px" cellspacing="0px" border="0px">
<tr>
<td class="required" width="150px">xxx: </td>
<td width="275px">
..... </td>
<td />
<td width="150px">Status:</td>
<td width="275px">
....

</td>
</tr>

<tr>
<td class="required" width="150px">xxx: </td>
<td Height="20px" width="280px">
<telerik:RadComboBox AllowCustomText="false" Width="250px" ID="ddlxxx" runat="server" EmptyMessage="Select xxx" DropDownWidth="250px"
CausesValidation="false" AutoPostBack="true" OnSelectedIndexChanged="ddlxxx_SelectedIndexChanged" SkinID="Default"/>
</td>
<td />
<td class="required">yyy: </td>
<td Height="20px">
<asp:Panel runat="server" ID="pnlyyy">
<telerik:RadComboBox DropDownWidth="250px" Width="250px" ID="ddlyyy" AutoPostBack="true" OnSelectedIndexChanged="ddlyyy_SelectedIndexChanged" runat="server" EmptyMessage="Select yyy" CausesValidation="false" AllowCustomText="false" SkinID="Default" />

</td>
</tr>
<tr>
....
</tr>

<tr>
<td class="required" width="150px">zzz: </td>
<td Height="20px">
<asp:Panel ID="pnlzzz" runat="server">
<telerik:RadComboBox ID="ddlzzz" Width="250px" DropDownWidth="250px" runat="server" OnSelectedIndexChanged="ddlzzz_SelectedIndexChanged" OnItemDataBound="ddlzzz_ItemDataBound" AutoPostBack="true" CausesValidation="false" EmptyMessage="Select zzz" SkinID="Default" AllowCustomText="false"/>
</asp:Panel>
</td>
<td />
<td class="required">aaa: </td>
<td Height="20px">
<asp:Panel ID="pnlaaa1" runat="server">
<telerik:RadComboBox ID="ddlaaa1" Width="250px" runat="server" EmptyMessage="Select aaa1" CausesValidation="false" DropDownWidth="250px"
SkinID="Default" AllowCustomText="false" OnItemDataBound="ddlaaa1_ItemDataBound" />

</asp:Panel>
<div ID="pnlaaa2" runat="server">

</div>
</td>
</tr>

</table>
</asp:Panel>

</table>

<telerik:RadAjaxManager ID="ramMain" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="ddlxxx">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ddlyyy" LoadingPanelID="raLoadingPanel" UpdatePanelRenderMode="Block" />
<telerik:AjaxUpdatedControl ControlID="ddlzzz" LoadingPanelID="raLoadingPanel" UpdatePanelRenderMode="Block" />
<telerik:AjaxUpdatedControl ControlID="pnlaaa1" LoadingPanelID="raLoadingPanel" UpdatePanelRenderMode="Block" />
<telerik:AjaxUpdatedControl ControlID="pnlaaa2" LoadingPanelID="raLoadingPanel" UpdatePanelRenderMode="Block" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ddlyyy">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ddlzzz" LoadingPanelID="raLoadingPanel" UpdatePanelRenderMode="Block" />
<telerik:AjaxUpdatedControl ControlID="pnlaaa1" LoadingPanelID="raLoadingPanel" UpdatePanelRenderMode="Block" />
<telerik:AjaxUpdatedControl ControlID="pnlaaa2" LoadingPanelID="raLoadingPanel" UpdatePanelRenderMode="Block" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ddlzzz">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="pnlaaa1" LoadingPanelID="raLoadingPanel" UpdatePanelRenderMode="Block" />
<telerik:AjaxUpdatedControl ControlID="pnlaaa2" LoadingPanelID="raLoadingPanel" UpdatePanelRenderMode="Block" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

Ajax

answered on 27 May 2014

2 answers

325 views

How to retrieve control value when insert, update a row in Radgrid which set AutoGenerateColumns="True"

Hello Telerik Teams

I create RadGrid and set AutoGenerateColumns="True", and use EditMode="PopUp". When edit form pop up. I don't know how to get value from auto generated edit form to insert or update to Database. I google it but I don't find any solution yet. Please help me.

Thank you very much.

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="True" ShowHeader="false"

BorderWidth="1px" Skin="Office2007" Width="495" Height="100%" OnNeedDataSource="RadGrid1_NeedDataSource"

OnDeleteCommand="RadGrid1_DeleteCommand" OnInsertCommand="RadGrid1_InsertCommand"

OnUpdateCommand="RadGrid1_UpdateCommand">

<MasterTableView DataKeyNames="NV_ID" CommandItemDisplay="Top" EditMode="PopUp" Font-Names="Arial"

ForeColor="Black">

<CommandItemSettings AddNewRecordText="Thêm mới" ShowRefreshButton="false" />

<NoRecordsTemplate>

No record</NoRecordsTemplate>

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<EditFormSettings CaptionFormatString="Edit NV_ID: {0}" CaptionDataField="NV_ID" >

<PopUpSettings />

</EditFormSettings>

<Columns>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ButtonType="ImageButton">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn Text="Delete" CommandName="Delete" ButtonType="ImageButton">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

protected void RadGrid1_InsertCommand(object source, GridCommandEventArgs e)

{

var editableItem = ((GridEditableItem)e.Item);

//create new entity

var item_nv = new DM_NHAN_VIEN();

//item_nv.Ma_DonVi = "CNTT";

item_nv.NV_ID = 99999;

item_nv.Ten_DD = "test insert";

item_nv.Ten_TCap = "T_Insert";

item_nv.Mat_Khau = "";

DbContext.DM_NHAN_VIENs.InsertOnSubmit(item_nv);

try

{

//submit chanages to Db

DbContext.SubmitChanges();

}

catch (Exception ex)

{

//ShowErrorMessage();

lblmes.Text = ex.Message;

}

Grid

answered on 27 May 2014

3 answers

119 views

Simulate progress

Is there a way to simulate progress?

I'm attempting to use the custom progress with an Input File object. It is the processing of the file that I need to simulate but there aren't any measurable steps as such.

I note that I've tried to use the input=file demo example that does not have any codebehind code, and the only way I could get the ProgressArea to display was to put code in the codebehind of the button click.

There is only 1 file to be uploaded, therefore the "While" is really only needed once otherwise it loops through the processing repeatedly.

The actual processing of the file is done using an external method from the project.

Perhaps I'm missing something?

Thanks

ProgressArea

answered on 27 May 2014

2 answers

57 views

How to perform advance filtering (combobox, calendar) when AutoGenerateColumns is set to true

Filter

answered on 27 May 2014

3 answers

655 views

GridButtonColumn ImageButton and text

When using GridButtonColumn with a ImageButton and text as in below... the text shows up as a tooltip on the image which is fine.. but when exporting to a PDF the text also shows there even though I hide the column. If I change to a button column all works fine.

<telerik:GridButtonColumn ConfirmText="Remove this GCS Security Function?" ConfirmDialogType="RadWindow"

ConfirmTitle="Remove" CommandName="Delete" Text="Remove this GCS Security Function"

UniqueName="DeleteColumn" ButtonType="ImageButton">

</telerik:GridButtonColumn>

protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.ExportToPdfCommandName)

{

RadGrid1.MasterTableView.DetailTables[0].GetColumn("DeleteColumn").Visible = false;

return;

}

Grid

answered on 27 May 2014

1 answer

81 views

intelligent labels radhtmlchart

Hello,
is there a way to set intelligent labels like in radchart (obsolet)
i have this problem

Chart (Obsolete)

answered on 27 May 2014

5 answers

192 views

[Solved] RadEditor in SharePoint collapsing groups in Ribbon

Hi,
I am using RadEditor 2012.3.1016 from Ajax-controls for SharePoint 2010 (Telerik_AJAX_Controls_2012_3_1016_for_SharePoint_2010_Dev) I have modified the ToolsFile.xml to display all buttons...
Sometimes (and I mean "sometimes"... same page, same clicks... everything) the ribbon displays all groups fully and sometimes the last two groups are displayed collapsed. (See attached images).

Is there any way to ensure consistent behaviour?
Best,
Nils

Editor

answered on 27 May 2014

4 answers

520 views

[Solved] Add image and text in treenode and set URL for image and text

Hello,

I need to create a RadTreeview with each tree node having a image and text.
If I click on text, it must navigate to a page. I can set this with node.NavigateUrl.
If I click on image , it must navigate to another page. How can I achieve this?

With node.ImageURL , I am able to set a image in node but can we set navigateURL for image or do I need to add another image at end of text and set its URL?
Can we guide me how to navigate to different pages while clicking on image and text of a node?
Thanks in advance.

Kavitha

TreeView

answered on 27 May 2014