Questions on UI for ASP.NET AJAX Forum

1 answer

59 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

271 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

100 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

41 views

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

Filter

answered on 27 May 2014

3 answers

607 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

53 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

156 views

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

465 views

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

1 answer

71 views

RadGrid Column State Maintain

I have a rad-grid in which there are n no of column ,so when i change the size of column and navigate to other page and again go to the same page,my column width should not change or when i perform any other operation related to that page,the width should not change.

Please Suggest.

Grid

answered on 27 May 2014

1 answer

78 views

RadGrid Column Size Changes

I have a rad-grid in which i have columns,so my problem is when I adjust the column width. However, the column width of a column other than the attempt to adjust is changed.My requirement is that only column width tried to adjust the column width is changed.

Please Suggest

Grid

answered on 27 May 2014