Questions on UI for ASP.NET AJAX Forum

110,736 questions

1 answer

133 views

Urgent!! Open RadWindows from GridButtonColumn in server side!

Hi!!!

I have an issue trying to open radwindow from GridButtonColumn.
This is my scenario:
- Master Page: contains the declaration of usercontrol
- Content: contain grid - Delete command open by server side radwindow with dynamically text
- user control. contains a radwindow.

Master page.aspx:
<%@ Register TagPrefix="UC" TagName="RadWindowsAction" Src="/UI/Admin/UserControls/Grid/Popups/DeleteRow.ascx" %>

<body> <form runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePageMethods="true">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>
</telerik:RadScriptManager>
<telerik:RadAjaxLoadingPanel runat="server" Skin="Vista" ID="loadTV" Width="300px" Height="120%" />
<telerik:RadAjaxLoadingPanel runat="server" Skin="Vista" ID="LoadginPanel1" IsSticky="true"
CssClass="LoadingPanel" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Notification" />
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="WindowsAction" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ImageButtonSearch">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="centerBody" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnHidde">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="centerBody" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadFilter1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadFilter1" />
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="lnkQuery">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="centerBody" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="lblUserOnline">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ContentPlaceHolder1" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="centerBody" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="lnkCloseAssume">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ContentPlaceHolder1" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="centerBody" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnHidde">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ContentPlaceHolder1" LoadingPanelID="LoadginPanel1" />
<telerik:AjaxUpdatedControl ControlID="centerBody" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="tvWorkspace">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RibbonBarMenu" />
<telerik:AjaxUpdatedControl ControlID="tvWorkspace" />

</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<asp:HiddenField ID="hddheight" runat="server" ></asp:HiddenField>
<telerik:RadAjaxPanel ID="pnlPanelApp" runat="server" Height="100%" Width="100%">

<div id="UserOnline" runat="server">
<asp:Label ID="lblAssume" runat="server" CssClass="UserOnlineText" />
<asp:LinkButton ID="lblUserOnline" runat="server" CssClass="UserOnlineText" OnClick="lblUserOnline_Click"></asp:LinkButton>
<asp:LinkButton ID="lblogOff" runat="server" CssClass="UserOnlineText" OnClick="lblogOff_Click"></asp:LinkButton>
<asp:LinkButton ID="lnkCloseAssume" runat="server" CssClass="UserOnlineText" OnClick="lnkCloseAssume_Click"></asp:LinkButton>
</div>

<div id="header" runat="server" />

<div id="centerBody" runat="server">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>

<div id="footer" runat="server" />

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
<Windows>
<telerik:RadWindow ID="Dialog" runat="server" Height="200px" Width="300px" Skin="Vista"
Left="15%" ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false"
Behaviors="Close" />
<telerik:RadWindow ID="InformationDialog" runat="server" Height="100px" Width="300px"
Skin="Vista" Left="15%" ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true"
VisibleStatusbar="false" Behaviors="Close" />
<telerik:RadWindow ID="UserAssumeDialog" runat="server" Height="80px" Width="250px"
Skin="Vista" Left="15%" ReloadOnShow="true" ShowContentDuringLoad="true" Modal="true"
VisibleStatusbar="false" Behaviors="Close" />
</Windows>
</telerik:RadWindowManager>
<UC:Notification ID="Notification" runat="server" />
<UC:RadWindowsManager ID="WindowManagerTopMenu" runat="server"></UC:RadWindowsManager>
<UC:RadWindowsAction ID="WindowsAction" runat="server"></UC:RadWindowsAction>
</telerik:RadAjaxPanel>

</form>
</body>

Content page.aspx:

<telerik:RadAjaxLoadingPanel runat="server" Skin="Vista" ID="LoadginPanel1" IsSticky="true"
CssClass="LoadingPanel" />
<telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="Grid">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btnDelete">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="gbcbtnDelete">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="Grid" LoadingPanelID="LoadginPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManagerProxy>
<UC:header runat="server" ID="headerPage" />
<div id="containerSubWHelp">
<telerik:RadGrid ID="Grid" runat="server" AutoGenerateColumns="False" OnNeedDataSource="CommunityGrid_NeedDataSource"
OnUpdateCommand="CommunityGrid_UpdateCommand" OnInsertCommand="CommunityGrid_InsertCommand"
OnItemCommand="CommunityGrid_ItemCommand" OnPreRender="CommunityGrid_PreRender" OnItemDataBound="CommunityGrid_ItemDataBound"
OnItemCreated="CommunityGrid_ItemCreated" OnDeleteCommand="CommunityGrid_DeleteCommand">
<MasterTableView DataKeyNames="Id">
<Columns>
<telerik:GridClientSelectColumn CommandName="Select" UniqueName="Select" HeaderStyle-Width="28px"
Resizable="false" Reorderable="false">
</telerik:GridClientSelectColumn>
<telerik:GridTemplateColumn UniqueName="IsActive" DataField="IsActive" Reorderable="false"
HeaderStyle-Width="55px" AllowFiltering="true" Resizable="false">
<ItemTemplate>
<asp:ImageButton ID="ActiveIcon" runat="server" CommandName="Active"></asp:ImageButton>
<asp:CheckBox ID="lblIsActive" runat="server" Checked='<%# (DataBinder.Eval(Container.DataItem,"IsActive") is DBNull ?false:Eval("IsActive")) %>'
Visible="false" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="TemplateEditColumn" HeaderStyle-Width="28px"
Reorderable="false" AllowFiltering="false" Resizable="false">
<ItemTemplate>
<asp:ImageButton ID="EditLink" runat="server" ImageUrl="/UI/Images/pencil.png"></asp:ImageButton>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridEditCommandColumn HeaderStyle-Width="28px" UniqueName="EditCommandColumn"
Reorderable="false" ButtonType="ImageButton" EditImageUrl="/UI/Images/grid_edit.png"
Resizable="false">
</telerik:GridEditCommandColumn>
<telerik:GridButtonColumn UniqueName="btnDelete" ButtonType="ImageButton"
Reorderable="false" CommandName="Delete"
HeaderStyle-Width="28px" Resizable="false" ImageUrl="/UI/Images/cross.png" />

<telerik:GridTemplateColumn DataField="Id" UniqueName="Id" Visible="false">
<InsertItemTemplate>
<telerik:RadTextBox ID="RadTextBox1" runat="server" Text='<%# Bind("Id") %>' ReadOnly="true"
Enabled="false" />
</InsertItemTemplate>
<EditItemTemplate>
<telerik:RadTextBox ID="RadTextBox1" runat="server" Text='<%# Eval("Id") %>' ReadOnly="true" />
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="Name" DataField="Name">
<EditItemTemplate>
<asp:TextBox ID="txtName" Width="90%" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'></asp:TextBox>
<br />
<asp:RequiredFieldValidator ID="rfFirstName" runat="server" ControlToValidate="txtName"
Display="Dynamic" CssClass="validator" ErrorMessage="*" />
<asp:CustomValidator ID="cvName" runat="server" ControlToValidate="txtName" CssClass="validator"
Display="Dynamic" OnServerValidate="cvName_ServerValidate" />
<asp:RegularExpressionValidator ID="reName" ControlToValidate="txtName" runat="server"
ValidationExpression="^[0-9a-zA-Z\s]{1,125}$" CssClass="validator" Display="Dynamic" />
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblName" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="Description" DataField="Description">
<EditItemTemplate>
<asp:TextBox ID="txtDescription" Width="90%" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Description") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblDescription" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Description") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
<CommandItemTemplate>
<UC:AddButtons ID="AddButtons" runat="server" />
</CommandItemTemplate>
</MasterTableView>
<ClientSettings>
<ClientEvents OnRowDblClick="rowDblClick" />
</ClientSettings>
</telerik:RadGrid>
</div>

</asp:Content>

ContentPage.aspx.cs

private DeleteRow _deleteRow;
protected void CommunityGrid_DeleteCommand(object sender, GridCommandEventArgs e)
{

if (e.Item == null)
{
e.Canceled = true;
return;
}

try
{
string communityId = (e.Item as GridDataItem).GetDataKeyValue("Id").ToString();
var dataItem = e.Item as GridDataItem;

Session["Name"] = ((Label)dataItem.FindControl("lblName")).Text;

_deleteRow.Name = ((Label)dataItem.FindControl("lblName")).Text;

if (Master.Organization.HasFieldAssociated(communityId) > 0)
Session["MessageDelete"] =
_resources.GetString("DeleteCommunityUsersText", new CultureInfo(Master.Culture)).
Replace("{0}",
Session["Name"].
ToString());
_deleteRow.CommonMessage = true;
_deleteRow.ShowNotification();

//string scriptstring = "showDeleteRowDialog();";
//ScriptManager.RegisterStartupScript(Page, Page.GetType(), "radalert", scriptstring, true);

}
catch (Exception ex)
{
_notification.LoadCatchNotification(ex, typeof(Communities).FullName);
}

}

private void GetNotificationControl()
{
_notification = (Master.FindControl("Notification") as Notification);
_deleteRow = (Master.FindControl("WindowsAction") as DeleteRow);
}

UserControl.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DeleteRow.ascx.cs" Inherits="WebSearch.UI.Admin.UserControls.Grid.Popups.DeleteRow" %>
<script type="text/javascript" src="/UI/Admin/Scripts/Form.js"></script>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">

function cancelDeleteRow() {
var window = $find("<%= DeleteActionRow.ClientID%>");

window.close();
}

function deleteRow(sender, args) {
var window = $find("<%= DeleteActionRow.ClientID%>");
window.close();
refreshGrid('Remove');
}

</script>
</telerik:RadCodeBlock>

<telerik:RadWindowManager ID="RadWindowManagerActionRows" runat="server">
<Windows>
<telerik:RadWindow ID="DeleteActionRow" runat="server" Skin="Vista" BackColor="Aquamarine"
ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false"
Behaviors="Move, Close" Animation="FlyIn" Width="550px" Height="110px" IconUrl="/UI/Images/cross.png">
<ContentTemplate>

<div class="information">
<center>

<asp:Label ID="lblDeleteItem" CssClass="LabelInformation" runat="server">
</asp:Label>
</center>
</div>
<br />
<div style="width: 100%; text-align: center;">
<telerik:RadButton ID="btnDelete" runat="server" Skin="Vista" Width="140px" AutoPostBack="false"
OnClientClicked="deleteRow">
<Icon PrimaryIconUrl="/UI/Images/cross.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
PrimaryIconTop="3px" PrimaryIconLeft="9px" />
</telerik:RadButton>
<telerik:RadButton ID="btnCancel" runat="server" Skin="Vista" Width="100px" CausesValidation="False"
ToolTip="Cancel" OnClientClicked="cancelDeleteRow" AutoPostBack="false">
<Icon PrimaryIconUrl="/UI/Images/cancel.png" PrimaryIconWidth="21px" PrimaryIconHeight="25px"
PrimaryIconTop="3px" PrimaryIconLeft="9px" />
</telerik:RadButton>
</div>
</ContentTemplate>
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>

UserControl.aspx.cs

public partial class DeleteRow : System.Web.UI.UserControl
{
#region Properties&Variables

private readonly StackTrace _stackTrace = new StackTrace();

public string Title { get; set; }
public bool CommonMessage { get; set; }
public string ObjectName { get; set; }
public string Name { get; set; }
public string SpecialMessage { get; set; }

private string _culture;
private ResourceManager _resources;



#endregion

private void GetInfo()
{
_resources = WebSearch.Components.GeneralFunctions.Resources.GetAdminResources("Grids");
_culture = WebSearch.Components.GeneralFunctions.Variables.CurrentCulture();
}

public void ShowNotification()
{
GetInfo();

if(CommonMessage)
{
lblDeleteItem.Text = _resources.GetString(lblDeleteItem.ID, new CultureInfo(_culture)).Replace("{object}", ObjectName).Replace("{0}", Name);
}else
{
lblDeleteItem.Text = SpecialMessage.Replace("{object}", ObjectName).Replace("{0}", Name);
}

LoadButton();

DeleteActionRow.VisibleOnPageLoad = true;
}

private void LoadButton()
{

btnCancel.Text = _resources.GetString(btnCancel.ID,new CultureInfo(_culture));

btnDelete.Text = _resources.GetString(btnDelete.ID,
new CultureInfo(_culture));

DeleteActionRow.Title = _resources.GetString("DeleteItemTitle", new CultureInfo(_culture)).Replace("{object}", ObjectName).Replace("{0}", Name);
}

}
}

I have got this   version Telerik.Web.UI_2012_2_724_Dev_hotfix

What I am doing wrong?

Grid

answered on 09 Oct 2012

3 answers

66 views

Hidden tab's content appears beneath modal popup

Hi,

I have a FormTemplate with a tabstrip containing 2 tabs.
Depending on a condition, the 2nd tab is hidden in code behind.
However, in IE8 the content of this 2nd hidden tab is visible immediately below the bottom of the popup.
This behavior is NOT present in Firefox, Chrome or Safari.

I have attached a screenshot showing the issue.

I have included the declaration for the FormTemplate as well:

<FormTemplate>

<div id="divEdit" runat="server" class="formTemplate" style="height: 520px;">

<div style="margin-bottom: 4px;">

<telerik:RadButton ID="btnQSAddUpdate" runat="server" Text="Update" CommandName="Update">

</telerik:RadButton>

<telerik:RadButton ID="btnQSCancel" runat="server" Text="Cancel" CausesValidation="False"

CommandName="Cancel">

</telerik:RadButton>

</div>

<telerik:RadTabStrip runat="server" ID="tabTaskJournal" MultiPageID="Multipage1"

SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" ID="tabMessages" Text="Start/End Messages" PageViewID="pagMessages"

Selected="true">

</telerik:RadTab>

<telerik:RadTab runat="server" ID="tabDemographics" Text="Demographics" PageViewID="pagDemographics"

OnPreRender="tabDemographics_PreRender">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="false">

<telerik:RadPageView runat="server" ID="pagMessages">

<table class="formTemplateTable">

<tr>

<td style="width: 30%;">

</td>

</tr>

<tr>

<td style="text-align: left;">

<asp:Label ID="lblBegin" runat="server" ToolTip="Specify the start message that will appear at the beginning of the assessment"

Text="Start Content" Font-Size="Small" Font-Bold="true"></asp:Label>

<asp:RequiredFieldValidator ID="valStartMsg" runat="server" ControlToValidate="edtBeginMsgRichText"

ErrorMessage="** REQUIRED **"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

<telerik:RadEditor EnableEmbeddedSkins="true" Skin="Vista" ID="edtBeginMsgRichText"

runat="server" EnableAjaxSkinRendering="true" Content='<%# Bind("BeginContent") %>'

Width="740px" Height="200px" ImageManager-ViewPaths='<%# (string[])Session["currentCustomerImagesViewPath"] %>'

ImageManager-UploadPaths='<%# (string[])Session["currentCustomerImagesUploadPath"] %>'

ExternalDialogsPath="~/EditorDialogs" ToolTip="Specify the start message that will appear at the beginning of the assessment">

<Tools>

<telerik:EditorToolGroup Tag="MainToolbar">

<telerik:EditorSplitButton Name="Undo">

</telerik:EditorSplitButton>

<telerik:EditorSplitButton Name="Redo">

</telerik:EditorSplitButton>

<telerik:EditorSeparator />

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" ShortCut="CTRL+V" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Formatting">

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="Underline" />

<telerik:EditorSeparator />

<telerik:EditorSplitButton Name="ForeColor">

</telerik:EditorSplitButton>

<telerik:EditorSplitButton Name="BackColor">

</telerik:EditorSplitButton>

<telerik:EditorSeparator />

<telerik:EditorDropDown Name="FontName">

</telerik:EditorDropDown>

<telerik:EditorDropDown Name="FontSize">

</telerik:EditorDropDown>

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Alignment">

<telerik:EditorTool Name="Indent" />

<telerik:EditorTool Name="Outdent" />

<telerik:EditorTool Name="JustifyLeft" />

<telerik:EditorTool Name="JustifyCenter" />

<telerik:EditorTool Name="JustifyRight" />

<telerik:EditorTool Name="JustifyFull" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Tables">

<telerik:EditorSeparator />

<telerik:EditorTool Name="InsertTable" />

<telerik:EditorTool Name="ToggleTableBorder" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Lists">

<telerik:EditorTool Name="InsertUnorderedList" />

<telerik:EditorTool Name="InsertOrderedList" />

<telerik:EditorTool Name="InsertHorizontalRule" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="ImagesAndLinks">

<telerik:EditorTool Name="InsertLink" />

<telerik:EditorTool Name="Unlink" />

<telerik:EditorTool Name="ImageManager" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Spell">

<telerik:EditorTool Name="AjaxSpellCheck" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

</td>

</tr>

<tr>

<td style="text-align: left;">

<asp:Label ID="Label1" runat="server" ToolTip="Specify the start message that will appear at the end of the assessment"

Text="End Content" Font-Size="Small" Font-Bold="true"></asp:Label>

<asp:RequiredFieldValidator ID="valEndMsg" runat="server" ControlToValidate="edtEndMsgRichText"

ErrorMessage="** REQUIRED **"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

<telerik:RadEditor EnableEmbeddedSkins="true" Skin="Vista" ID="edtEndMsgRichText"

runat="server" EnableAjaxSkinRendering="true" Content='<%# Bind("EndContent") %>'

Width="740px" Height="200px" ImageManager-ViewPaths='<%# (string[])Session["currentCustomerImagesViewPath"] %>'

ImageManager-UploadPaths='<%# (string[])Session["currentCustomerImagesUploadPath"] %>'

ExternalDialogsPath="~/EditorDialogs" ToolTip="Specify the start message that will appear at the end of the assessment">

<Tools>

<telerik:EditorToolGroup Tag="MainToolbar">

<telerik:EditorSplitButton Name="Undo">

</telerik:EditorSplitButton>

<telerik:EditorSplitButton Name="Redo">

</telerik:EditorSplitButton>

<telerik:EditorSeparator />

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" ShortCut="CTRL+V" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Formatting">

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Italic" />

<telerik:EditorTool Name="Underline" />

<telerik:EditorSeparator />

<telerik:EditorSplitButton Name="ForeColor">

</telerik:EditorSplitButton>

<telerik:EditorSplitButton Name="BackColor">

</telerik:EditorSplitButton>

<telerik:EditorSeparator />

<telerik:EditorDropDown Name="FontName">

</telerik:EditorDropDown>

<telerik:EditorDropDown Name="FontSize">

</telerik:EditorDropDown>

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Alignment">

<telerik:EditorTool Name="Indent" />

<telerik:EditorTool Name="Outdent" />

<telerik:EditorTool Name="JustifyLeft" />

<telerik:EditorTool Name="JustifyCenter" />

<telerik:EditorTool Name="JustifyRight" />

<telerik:EditorTool Name="JustifyFull" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Tables">

<telerik:EditorTool Name="InsertTable" />

<telerik:EditorTool Name="ToggleTableBorder" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Lists">

<telerik:EditorTool Name="InsertUnorderedList" />

<telerik:EditorTool Name="InsertOrderedList" />

<telerik:EditorTool Name="InsertHorizontalRule" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="ImagesAndLinks">

<telerik:EditorSeparator />

<telerik:EditorTool Name="InsertLink" />

<telerik:EditorTool Name="Unlink" />

<telerik:EditorTool Name="ImageManager" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="Spell">

<telerik:EditorTool Name="AjaxSpellCheck" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

</td>

</tr>

</table>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="pagDemographics">

<table style="width:90%; border-color:Teal; border-width:2px; border-style:solid; margin:25px; padding:10px; ">

<tr>

<td style="width: 50%; background-color:#ADDBF7;">

<asp:Label ID="Label2" runat="server" Text="Field Name" Font-Bold="true"></asp:Label>

</td>

<td style="width: 25%; text-align: center; background-color:#ADDBF7;">

<asp:Label ID="Label3" runat="server" Text="Capture" Font-Bold="true"></asp:Label>

</td>

<td style="width: 25%; text-align: center; background-color:#ADDBF7;">

<asp:Label ID="Label4" runat="server" Text="Mandatory" Font-Bold="true"></asp:Label>

</td>

</tr>

<tr>

<td style="width: 50%; background-color:White;">

<asp:Label ID="lblFirstName" runat="server" Text="First Name"></asp:Label>

</td>

<td style="width: 25%; text-align: center; background-color:White;">

<telerik:RadButton ID="chkFirstName_Vis" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" OnPreRender="chkFirstName_Vis_Prerender">

</telerik:RadButton>

</td>

<td style="width: 25%; text-align: center; background-color:White;">

<telerik:RadButton ID="chkFirstName_Man" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

</tr>

<tr>

<td style="width: 50%; border-color:Teal; background-color:#EFEFF7;">

<asp:Label ID="lblLastName" runat="server" Text="Last Name"></asp:Label>

</td>

<td style="width: 25%; text-align: center; background-color:#EFEFF7;">

<telerik:RadButton ID="chkLastName_Vis" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

<td style="width: 25%; text-align: center; background-color:#EFEFF7;">

<telerik:RadButton ID="chkLastName_Man" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

</tr>

<tr>

<td style="width: 50%; background-color:White;">

<asp:Label ID="lblCompany" runat="server" Text="Company"></asp:Label>

</td>

<td style="width: 25%; text-align: center; background-color:White;">

<telerik:RadButton ID="chkCompany_Vis" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

<td style="width: 25%; text-align: center; background-color:White;">

<telerik:RadButton ID="chkCompany_Man" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

</tr>

<tr>

<td style="width: 50%; background-color:#EFEFF7;">

<asp:Label ID="lblEmail" runat="server" Text="Email Address"></asp:Label>

</td>

<td style="width: 25%; text-align: center; background-color:#EFEFF7;">

<telerik:RadButton ID="chkEmail_Vis" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

<td style="width: 25%; text-align: center; background-color:#EFEFF7;">

<telerik:RadButton ID="chkEmail_Man" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

</tr>

<tr>

<td style="width: 50%; background-color:White;">

<asp:Label ID="lblCountry" runat="server" Text="Country (dropdown list)"></asp:Label>

</td>

<td style="width: 25%; text-align: center; background-color:White;">

<telerik:RadButton ID="chkCountry_Vis" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

<td style="width: 25%; text-align: center; background-color:White;">

<telerik:RadButton ID="chkCountry_Man" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

</tr>

<tr>

<td style="width: 50%; background-color:#EFEFF7;">

<asp:Label ID="lblSubdivision" runat="server" Text="State/Province"></asp:Label>

</td>

<td style="width: 25%; text-align: center; background-color:#EFEFF7;">

<telerik:RadButton ID="chkSubdivision_Vis" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

<td style="width: 25%; text-align: center; background-color:#EFEFF7;">

<telerik:RadButton ID="chkSubdivision_Man" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

</tr>

<tr>

<td style="width: 50%; background-color:White;">

<asp:Label ID="LblJobFunction" runat="server" Text="Job Function (dropdown list)"></asp:Label>

</td>

<td style="width: 25%; text-align: center; background-color:White;">

<telerik:RadButton ID="chkJobFunction_Vis" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

<td style="width: 25%; text-align: center; background-color:White;">

<telerik:RadButton ID="chkJobFunction_Man" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

</tr>

<tr>

<td style="width: 50%; background-color:#EFEFF7;">

<asp:Label ID="lblIndustry" runat="server" Text="Industry Sector (dropdown list)"></asp:Label>

</td>

<td style="width: 25%; text-align: center; background-color:#EFEFF7;">

<telerik:RadButton ID="chkIndustry_Vis" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

<td style="width: 25%; text-align: center; background-color:#EFEFF7;">

<telerik:RadButton ID="chkIndustry_Man" runat="server" Text="" ButtonType="ToggleButton"

ToggleType="CheckBox" AutoPostBack="false" >

</telerik:RadButton>

</td>

</tr>

</table>

<div style="margin-left: 25px;">

<p>

Notes on capturing demographics from survey participants:</p>

<ul>

<li>Check the Capture box to prompt the user for the corresponding information </li>

<li>Check the Mandatory box if the user "must" provide this information before completing

the survey</li>

<li>The capture of demographics is not gauranteed, since users may opt to close their

browser when this page is presented</li>

</ul>

</div>

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

</FormTemplate>

Any thoughts on what could be causing this?

Jim

Grid

answered on 09 Oct 2012

0 answers

104 views

File Explorer is not working properly

hi ,
we have the telerik dll version 2012.1.411.40 i am implementing the file explorer in my application i but it didn't working properly as like of the demo site following are the problem i have faced

1) while page is loading i got the error in alert box like "in valid characters in folder name " my path name is ~/HTMLEditorImages
2) after the page has loaded the div which contain the upload ,refresh,... will became disable mode
following is the code i have written for this plz check the images for better problem understand

<telerik:RadFileExplorer runat="server" ID="FileExplorer1" Width="520px" Height="520px"
                    OnClientItemSelected="OnClientItemSelected" InitialPath="~/HTMLEditorImages">
                    <Configuration ViewPaths="~/HTMLEditorImages" UploadPaths="~/HTMLEditorImages"
                        DeletePaths="~/HTMLEditorImages" />
                </telerik:RadFileExplorer>

can you please suggest me how can we over come these two issues
Thanks & Regards
m.koteswararao

FileExplorer

asked on 09 Oct 2012

6 answers

239 views

Percentage Widths Cause Error

Version 2012.2.912.40

I'm working with the RadHTMLChart and wanted to dynamically modify a piechart. Thus, I updated our working Telerik dlls to the latest version.

However, now our rad docks are erroring when being moved on the screen and the layout saved.

I've identified an issue that didn't happen with earlier versions. Namely, the containing space for the docks must be a whole number (integer) instead of a decimal. I have my left dock zone in an area of 33% of the screen and the other the remainder. If I used specified widths, I do not get an error.

EDIT: I should note that the percentage value widths are on containers that the dock zones are within.

Trying to move a dock errors with variable (percentage) widths:

Uncaught Sys.ArgumentOutOfRangeException: Sys.ArgumentOutOfRangeException: Value must be an integer. Parameter name: x Actual value was 530.4500122070312. ScriptResource.axd:237
1. Error$createScriptResource.axd:237
2. Error$argumentOutOfRangeScriptResource.axd:302
3. Function$_validateParameterTypeScriptResource.axd:217
4. Function$_validateParameterScriptResource.axd:130
5. Function$_validateParamsScriptResource.axd:84
6. Sys$UI$PointScriptResource.axd:3904
7. Telerik.Web.UI.RadDock._getLocationScriptResource.axd:430
8. Telerik.Web.UI.RadDock._startDragDropScriptResource.axd:178
9. Telerik.Web.UI.RadDock.onDragStartScriptResource.axd:191
10. b.ResizeExtender._raiseDragEventScriptResource.axd:450
11. b.ResizeExtender._storeStartCoordsScriptResource.axd:484
12. b.ResizeExtender._onHandleMouseDownScriptResource.axd:597
13. (anonymous function)

Dock

answered on 09 Oct 2012

1 answer

100 views

bind the select node of the radtreeview

Hi
I have a radtreeview inside radcombobox. I want to bind the select node of the radtreeview as the text in the radcombobox. How can I achieve that. Please help
thanks in advance
Savyo

ComboBox

answered on 09 Oct 2012

1 answer

68 views

Retain chkBx value on Paging

I have a column of check boxes that when selected is inserting a row into a database. I also have Paging=true in the radGrid as this application will continue to grow. If I check chkBx on Page 1 and then go over to Page 2 and select someone else - when I hit submit - how do I get it to check all the pages?

Thanks,
Amanda

General Discussions

answered on 09 Oct 2012

1 answer

103 views

RadGridAutomaticCrudOperations

i am new to this issues and i need help. problem is: i cant see page right format like attachment. i created page with telerik wizard a page: RadGridAutomaticCrudOperations. i didnt add anything,i guess i missing something. what should i do.

page aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadGridAutomaticCrudOperations.aspx.cs"

Inherits="RadGridAutomaticCrudOperations" %>

<!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></title>

<style type="text/css">

.MyImageButton

{

cursor: hand;

}

.EditFormHeader td

{

font-size: 14px;

padding: 4px !important;

color: #0066cc;

}

</style>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" CdnSettings-TelerikCdn="Enabled" />

</head>

<body>

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

<telerik:RadAjaxManager runat="server"

DefaultLoadingPanelID="RadAjaxLoadingPanel1" EnableHistory="True">

</telerik:RadAjaxManager>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" CdnSettings-TelerikCdn="Enabled">

<scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</scripts>

</telerik:RadScriptManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<telerik:RadGrid ID="RadGrid1" GridLines="None" runat="server" AllowAutomaticDeletes="True"

AllowSorting="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True"

AllowMultiRowEdit="True" AllowPaging="True" DataSourceID="DataSource1" OnItemUpdated="RadGrid1_ItemUpdated"

AllowFilteringByColumn="True" OnItemDeleted="RadGrid1_ItemDeleted" OnItemInserted="RadGrid1_ItemInserted"

OnDataBound="RadGrid1_DataBound" CellSpacing="0">

<pagerstyle mode="NextPrevAndNumeric" />

<ClientSettings>

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

</ClientSettings>

<mastertableview autogeneratecolumns="False" commanditemdisplay="TopAndBottom"

datakeynames="ProductID" datasourceid="DataSource1" editmode="EditForms"

horizontalalign="NotSet" width="100%">

<commanditemsettings exporttopdftext="Export to PDF" />

<rowindicatorcolumn filtercontrolalttext="Filter RowIndicator column"

visible="True">

</rowindicatorcolumn>

<expandcollapsecolumn filtercontrolalttext="Filter ExpandColumn column"

visible="True">

</expandcollapsecolumn>

<Columns>

<telerik:GridBoundColumn DataField="ProductID" DataType="System.Int32"

Display="False" FilterControlAltText="Filter ProductID column"

HeaderText="ProductID" ReadOnly="True" SortExpression="ProductID"

UniqueName="ProductID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ProductName"

FilterControlAltText="Filter ProductName column" HeaderText="ProductName"

SortExpression="ProductName" UniqueName="ProductName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SupplierID" DataType="System.Int32"

Display="False" FilterControlAltText="Filter SupplierID column"

HeaderText="SupplierID" SortExpression="SupplierID" UniqueName="SupplierID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CategoryID" DataType="System.Int32"

Display="False" FilterControlAltText="Filter CategoryID column"

HeaderText="CategoryID" SortExpression="CategoryID" UniqueName="CategoryID">

</telerik:GridBoundColumn>

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

FilterControlAltText="Filter QuantityPerUnit column"

HeaderText="QuantityPerUnit" SortExpression="QuantityPerUnit"

UniqueName="QuantityPerUnit">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UnitPrice" DataType="System.Decimal"

FilterControlAltText="Filter UnitPrice column" HeaderText="UnitPrice"

SortExpression="UnitPrice" UniqueName="UnitPrice">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UnitsInStock" DataType="System.Int16"

FilterControlAltText="Filter UnitsInStock column" HeaderText="UnitsInStock"

SortExpression="UnitsInStock" UniqueName="UnitsInStock">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UnitsOnOrder" DataType="System.Int16"

Display="False" FilterControlAltText="Filter UnitsOnOrder column"

HeaderText="UnitsOnOrder" SortExpression="UnitsOnOrder"

UniqueName="UnitsOnOrder">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ReorderLevel" DataType="System.Int16"

Display="False" FilterControlAltText="Filter ReorderLevel column"

HeaderText="ReorderLevel" SortExpression="ReorderLevel"

UniqueName="ReorderLevel">

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn DataField="Discontinued" DataType="System.Boolean"

Display="False" FilterControlAltText="Filter Discontinued column"

HeaderText="Discontinued" SortExpression="Discontinued"

UniqueName="Discontinued">

</telerik:GridCheckBoxColumn>

<telerik:GridBoundColumn DataField="CategoryName"

FilterControlAltText="Filter CategoryName column" HeaderText="CategoryName"

SortExpression="CategoryName" UniqueName="CategoryName">

</telerik:GridBoundColumn>

</Columns>

<editformsettings>

<formtableitemstyle wrap="False" />

<formtablestyle backcolor="White" cellpadding="2" cellspacing="0"

height="110px" />

<formmaintablestyle backcolor="White" cellpadding="3" cellspacing="0"

width="100%" />

<formcaptionstyle cssclass="EditFormHeader" />

<FormMainTableStyle BackColor="White" CellPadding="3" CellSpacing="0"

GridLines="None" Width="100%" />

<FormTableStyle BackColor="White" CellPadding="2" CellSpacing="0"

Height="110px" />

<formtablealternatingitemstyle wrap="False" />

<editcolumn buttontype="ImageButton" canceltext="Cancel edit"

uniquename="EditCommandColumn1">

</editcolumn>

<formtablebuttonrowstyle cssclass="EditFormButtonRow" horizontalalign="Right" />

</editformsettings>

</mastertableview>

<filtermenu enableimagesprites="False">

</filtermenu>

</telerik:RadGrid>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

</telerik:RadWindowManager>

</telerik:RadAjaxPanel>

<asp:SqlDataSource ConnectionString="<%$ ConnectionStrings:NorthwindOAConnectionString %>"

ID="DataSource1" runat="server"

SelectCommand="SELECT * FROM [Alphabetical list of products]"></asp:SqlDataSource>

<telerik:RadSkinManager ID="RadSkinManager1" Runat="server" Skin="Sunset">

</telerik:RadSkinManager>

</form>

</body>

</html>

General Discussions

answered on 09 Oct 2012

2 answers

56 views

RadButton Moves out of place once Pri/Sec IconCssClass is selected

As soon as I applied an IconCssClass to one of my buttons, all of my buttons have move to random locations on the screen and cannot be put back. In Visual Studio, when I click on them, they state that they have margins applied to them when they do not either in the CSS, the markup or the button properties. I have replaced them with <asp:Button> and these appear to work fine.

I have deleted and attempted to create a new <telerik:RadButton> without an icon and automatic margins are automatically applied with no place to delete them, it seems.

It seems that these phantom style rules have been applied to all current and future instances of <telerik:RadButton>

Button

answered on 09 Oct 2012

1 answer

45 views

Reg Expression Help

I am using a reg exp validator and I can not get the reg expression exactly how I want it. Below is my Reg Ex.

((#\*){1}) | (([0-9\*]{1,9})+-+([0-9\*]{1,9}))

What I want is for the reg Expression to allow either a # or a * one time OR allow a string of [Numbers or *]-[Numbers or *] 0-9 times.

Some examples would be ...

Ex. 1 = *
Ex. 2 = #
Ex. 3 = 12345678-123456789
Ex. 4 = *-1234
Ex. 5 = 1234-*

Please any help would be great!

Thanks,
Trevor

General Discussions