Questions on UI for ASP.NET AJAX Forum

1 answer

179 views

Disable the expansion button on the Hierarchy grid

Is there anyway to disable the Hierarchy grid expansion button based on one of the the master table fields.

Thanks

Grid

answered on 24 Jan 2011

2 answers

168 views

Implementing terms & conditions box

Hi

What techniques/controls can I use to implement the following?

A popup window displays formatted 'terms & conditions' text in html with a scroll bar. When user scroll downs to the very bottom of the text using the scroll bar then the ‘I accept’ tick box is enabled. Once user closes the popup window the value of the acceptance tick box is passed to the calling form.

Many Thanks

Regards

General Discussions

answered on 24 Jan 2011

4 answers

140 views

EditForm not closing when command is passed

Hi,

I have seen others post this issue, but I believe mine is slightly different.
Take a look at the following code:

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnSave">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="CreatePanel" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="rgCampaigns" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="EditFailureText" />

<telerik:AjaxUpdatedControl ControlID="ValidationSummary1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rgCampaigns">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgCampaigns" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="EditFailureText" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" BackgroundPosition="Center" EnableSkinTransparency="true">

</telerik:RadAjaxLoadingPanel>

<h1>Campaigns</h1>

<p

>Before you can create any content to share with your Partners, you must first create a campaign. This will allow your partners the ability to access any resources you share for the campaign.</

p>

<asp:Panel runat="server" ID="CreatePanel">

<h2>Create your campaign(s)</h2>

<p>

<asp:Label ID="CreateFailureText" runat="server" ForeColor="Red" />

</p>

<fieldset class="register">

<legend>Create campaign</legend>

<table>

<tr>

<td colspan="3"><asp:ValidationSummary ID="ValidationSummary1" ForeColor="Red" DisplayMode="SingleParagraph" HeaderText="You must complete the fields marked with a *" runat="server" /></td>

</tr>

<tr>

<td>

Name:</td>

<td>

<telerik:RadTextBox ID="txtName" runat="server"

EmptyMessage="Please type a name for the campaign" Width="230px">

</telerik:RadTextBox>

</td>

<td>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

ControlToValidate="txtName" ErrorMessage=""></asp:RequiredFieldValidator>

<font color="red">*</font></td>

</tr>

<tr>

<td>

Description</td>

<td>

<telerik:RadTextBox ID="txtDescription" runat="server"

EmptyMessage="Please type a description for your campaign" Rows="5"

style="margin-bottom: 0px" TextMode="MultiLine" Width="230px">

</telerik:RadTextBox>

</td>

<td>

</td>

</tr>

</table>

<asp:Button ID="btnSave" runat="server" Text="Save" />

</fieldset>

</asp:Panel>

<asp:Panel runat="server" ID="EditPanel" Visible="false">

<h2>Edit your campaigns</h2>

<p>You may use the table below to edit/delete existing campaigns that currently exist on your system. <br /><b>Please be aware that if you delete a campaign ALL content and partner content will be deleted</b></p>

<p>

<asp:Label ID="EditFailureText" runat="server" ForeColor="Red" />

</p>

<fieldset>

<legend>Edit existing campaigns</legend>

<telerik:RadGrid ID="rgCampaigns" runat="server" AllowFilteringByColumn="True"

AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"

GridLines="None">

<MasterTableView EditMode="EditForms">

<EditItemTemplate>

</EditItemTemplate>

<CommandItemSettings ExportToPdfText="Export to Pdf" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="ID" Display="False"

FilterControlAltText="Filter ID column" ReadOnly="true" HeaderText="ID" UniqueName="ID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UserId" Display="False"

FilterControlAltText="Filter UserId column" HeaderText="UserId" ReadOnly="True"

UniqueName="UserId">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Name"

FilterControlAltText="Filter Name column" HeaderText="Name" UniqueName="Name">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn AllowFiltering="False" DataField="Description"

FilterControlAltText="Filter Description column" HeaderText="Description"

UniqueName="Description">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CreationDate"

FilterControlAltText="Filter CreationDate column" HeaderText="Date created"

UniqueName="CreationDate">

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn FilterControlAltText="Filter EditCommandColumn column"

HeaderText="Edit">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn CommandName="Delete"

FilterControlAltText="Filter Delete column" HeaderText="Delete" Text="Delete"

UniqueName="Delete">

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<fieldset class="register">

<legend>Edit campaign</legend>

<table>

<tr>

<td colspan="3"><asp:ValidationSummary ID="ValidationSummary1" ValidationGroup="Edit" ForeColor="Red" DisplayMode="SingleParagraph" HeaderText="You must complete the fields marked with a *" runat="server" /></td>

</tr>

<tr>

<td>

Name:</td>

<td>

<telerik:RadTextBox ID="txtName" ValidationGroup="Edit" runat="server" Text='<%# Bind("Name") %>'

EmptyMessage="Please type a name for the campaign" Width="230px">

</telerik:RadTextBox>

</td>

<td>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ValidationGroup="Edit" runat="server"

ControlToValidate="txtName" ErrorMessage=""></asp:RequiredFieldValidator>

<font color="red">*</font></td>

</tr>

<tr>

<td>

Description</td>

<td>

<telerik:RadTextBox ID="txtDescription" ValidationGroup="Edit" runat="server" Text='<%# Bind("Description") %>'

EmptyMessage="Please type a description for your campaign" Rows="5"

style="margin-bottom: 0px" TextMode="MultiLine" Width="230px">

</telerik:RadTextBox>

</td>

<td>

</td>

</tr>

</table>

<asp:Button ID="btnUpdate" ValidationGroup="Edit" Text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Insert", "Update") %>'

runat="server" CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update")%>'>

</asp:Button> <asp:Button ID="btnCancel" ValidationGroup="Edit" Text="Cancel" runat="server" CausesValidation="False"

CommandName="Cancel"></asp:Button>

</FormTemplate>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

</fieldset>

</asp:Panel>

As you can see, I use the Ajax Manager to manage the datagrid on my form (including the EditFailureText for error messages). What I have found is that when I use the delete on the rgCampaigns grid, it executes and you see the AjaxLoadingPanel while it is refreshing. This is good and the new datasource is pulled back and displayed. Great :)
Now, when I edit the form, the same thing happens, which is great, but! The edit form stays open.... I have no idea why, but I believe it is something to do with the Ajax manager.

Any help with this would be appreciated.

Grid

answered on 24 Jan 2011

3 answers

128 views

Popup resize problem.

Hi,

We use iframe to show another page in RadWindow.

We create windows dynamically in code.

function openNewWindow(itemUrl, itemText) {

if (itemUrl) {

var wHeigh = 400;

var wWidth = 550;

var windowURL = itemUrl;

var oWnd = radopen(itemUrl, null);

var iconUrl = oWnd.get_iconUrl();

// set the new ICon

oWnd._titleIconElement.style.background = "transparent url('" + iconUrl + "') no-repeat scroll 0px 0px";

if (itemText != "") {

oWnd.set_title(itemText);

}

oWnd.moveTo(20, 20);

oWnd.add_resize(OnClientResize);

var restZoneDiv = document.getElementById("RestrictionZone");

oWnd.set_width(wWidth);

oWnd.set_height(wHeigh);

}

When resizing RadWindow for the first time height never changes. There is no problem with width but height does not change.

On second attempt all work fine. Good height is retrieved in code and RadWindow is resized correctly.

Do you know where could be a problem?

Thanks for answers

Rado

Window

answered on 24 Jan 2011

1 answer

74 views

ClientSide Is Grid in Edit Mode?

I can use the client side method GridView.get_isItemInserted() to see whether a grid is in Insert Mode but I can't find anything about Edit Mode. I would like to prevent in javascript the user from leaving the page if the user is currently editing or inserting a grid item.
Thanks.

Grid

answered on 24 Jan 2011

1 answer

104 views

Create Combobox at runtime

I want to create a combo-box same as product combobox in this page:

http://demos.telerik.com/aspnet-ajax/combobox/examples/default/defaultcs.aspx

I want to create at completely at runtime, is there any code-example for it?

Regards
Mazdak

ComboBox

answered on 24 Jan 2011

0 answers

78 views

ActiveSkill Tutorial - Authentication problem

(This issue was a PICNIC - Problem in chair, not in Computer)..

If I could delete this post I would.

Brad

Documentation and Tutorials

asked on 24 Jan 2011

0 answers

84 views

Tabstrip with dynamic loaded treeview

I have a project that need use Tabstrip to show different category type, when user click a tab, it will dynamic load treeview based on category type id. when the treeview loaded, it will have checkbox with each node, also some nodes will come with textbox for user comment. My initial thought was to load whole treeview at beginning in CreateChildControls method, but client complaint the slowness of the treeview render. Then I adopted load on demand mechanism. I first only load top 2 level tree nodes and when user click plus sign to expand, it will load all tree nodes for that top level node. But in this way, the value in textbox is always empty in postback. I guess that because the BuildTreeview method is called multiple times in CreateChildControls method. Can anyone help me out on this one. I can't post code since they are a lot.

Thanks a lot in advance for your help.

Anthony

TreeView

asked on 24 Jan 2011

3 answers

116 views

[Solved] Demo Contains Invalid Property TextChars="Numbers"

Unless I am mistaken (or the property has recently changed and the demo not upgraded to the latest version), the Captcha - Localization demo contains a property setting of TEXTCHARS="Numbers" which doesn't exist on my system. Instead, my controls have a property for setting the image text to all numbers of

CaptchaImage-TextChars

="Numbers"

Does the demo need to be upgraded or changed or is my Captcha control somehow wrong?

Lynn

Captcha

answered on 24 Jan 2011

2 answers

830 views

RadComboBox in RadGrid Filter Template

I have a grid that is being populated OnNeeddDataSource

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

PageSize="20" AllowFilteringByColumn="True" EnableViewState="False" AutoGenerateColumns="False" Skin="Office2007" GridLines="None" OnItemCreated="RadGrid1_ItemCreated" OnPreRender="RadGrid1_PreRender"

OnNeedDataSource="PC_NeedDataSource">

In this grid the client column has a Filter Template that is a RadComboBox

<telerik:GridBoundColumn SortExpression="ClientName" DataField="ClientName" HeaderText="Client Name" HeaderStyle-Width="300px">

<FilterTemplate>

<telerik:RadComboBox ID="RadComboBoxClientName" DataTextField="ClientName" DataValueField="ClientName" AppendDataBoundItems="true"

SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("ClientName").CurrentFilterValue %>'    runat="server" OnClientSelectedIndexChanged="ClientNameIndexChanged" Skin="Office2007">

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function ClientNameIndexChanged(sender, args) {

var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

if (args.get_item().get_value() == "0") {             tableView.filter("ClientName", args.get_item().get_value(), "NoFilter");

}

else {

tableView.filter("ClientName", args.get_item().get_value(), "EqualTo");

}

</script> </telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridBoundColumn>

This all works fine except when I try to sort on the grid when I have set a filter. The data in the grid is correct but the DropDown gets changed to *** ALL ***.

I have tried the following code to select the by value

protected void RadGrid1_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if (e.Item is GridFilteringItem)

{

GridFilteringItem filterItem = (GridFilteringItem)e.Item;

RadComboBox combo = (RadComboBox)filterItem["ClientName"].FindControl("RadComboBoxClientName");

if (Session["AdvisorClientID"] == null)

{

ClientDataContext db = new ClientDataContext();

var clients = (from c in db.Clients

select new

{