Hi,
I have javascript which gets call on client click from modal popup extender. When I click on OK button in confirm dialog box AjaxLoadingPanel animation not spinning.
Here is my javascript:
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
function DateSelected(sender, eventArgs) {
sender.get_textBox().focus();
}
</script>
<script type="text/javascript">
var currentLoadingPanel = null;
var currentUpdatedControl = null;
function OnClientClick() {
var txttext1 = document.getElementById('<%=txtComments.ClientID%>');
if (txttext1.value != "") {
$find("ModalBehaviour").hide();
currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
currentUpdatedControl = "<%= mainPanel.ClientID %>";
currentLoadingPanel.show(currentUpdatedControl);
return true;
}
else {
if (confirm("Are you sure you want to proceed without comments ?")) {
$find("ModalBehaviour").hide();
currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
currentUpdatedControl = "<%= mainPanel.ClientID %>";
currentLoadingPanel.show(currentUpdatedControl);
return true; }
else {
$find("ModalBehaviour").hide();
return false; }
}
}
</script>
Here is loading Panel:
<telerik:RadScriptManager ID="ScriptManager1" runat="server" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="mainPanel">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="mainPanel" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" EnableSkinTransparency ="true" runat="server" Skin="Office2010Blue">
</telerik:RadAjaxLoadingPanel>
This is part of the MainPanel:
<asp:Panel ID="mainPanel" runat="server">
<telerik:RadPanelBar ID="formPanel" runat="server" Width="99%" ExpandMode="MultipleExpandedItems" Skin="Forest" EnableEmbeddedSkins="false" BackColor="#2D6193" >
<Items>
<telerik:RadPanelItem Expanded="true" Text="PRINCIPAL PER SESSION REQUEST APPLICATION FORM " runat="server" Selected="true" Font-Bold="true" Font-Size ="13" Font-Names ="Verdana" ForeColor="white" >
<Items>
<telerik:RadPanelItem Value="principalForm" runat="server" Height="75">
<ItemTemplate>
<table>
<tr>
<asp:Panel ID="validationPanel" runat="server" Visible="false">
<td >
<fieldset style="width: 700px; height: 230px; margin-bottom: 10px;">
<legend style="padding-top:20px;">Please correct the following:</legend>
<asp:ValidationSummary ID="validationSummary1" runat="server" DisplayMode="BulletList" CssClass="validationsummary" />
<asp:CustomValidator ID="customValidator1" runat ="server" Display="none" OnServerValidate="customValidator1_ServerValidate" ></asp:CustomValidator>
</fieldset>
</td>
</asp:Panel>
</tr>
</table>
And finally modal popup extender:
<asp:Button ID="btnShow1" runat="server" Style="display: none; position: relative" Text="Show Modal Popup" />
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" BackgroundCssClass="modalBackground"
DropShadow="true" PopupControlID="ApprPanel" TargetControlID="btnShow1" BehaviorID="ModalBehaviour"></cc1:ModalPopupExtender>
<asp:Panel ID="ApprPanel" runat="server" BackColor="White" BorderStyle="Solid" BorderWidth="2px"
Height="200px" Style="display: none; color:#b0c4de;" Width="570px" >
<div>
<table>
<tr >
<td style="border-right-style: none; border-left-style: none; border-bottom-style: none;
padding:5px;border-top-color: #abd971; background-color: #284A6D; text-align: center;">
<asp:Label ID="lblError" runat="server" Text="Please Enter Comments(optional)"
Font-Bold="True" Font-Size="Large" ForeColor="White"></asp:Label>
</td>
</tr>
<tr>
<td align="center" style="margin-top: 10px; vertical-align:middle;">
<asp:TextBox ID="txtComments" runat="server" Width="550px" onKeyUp="Count(this,250)" onChange="Count(this,250)"
Height="113px" TextMode="MultiLine"></asp:TextBox>
</td>
</tr>
<tr>
<td align="center" style="height: 39px">
<br />
<asp:Button ID="submitComments" runat="server" Text="Submit" CssClass="button" OnClick="submitComments_Click" OnClientClick="return OnClientClick()" />
</td>
</tr>
</table>
</div>
</asp:Panel>
Please help me to resolve this issue.
Thanks so much.
Hi:
I have a radgrid with auto ops. Add/edit using template. Update works but Insert get this error:
"Get error when insert new record as "'ddlInstType' has a SelectedValue which is invalid because it does not exist in the list of items.
Parameter name: value"
Hopefully you give me a hint to fix this error.
Thank you.
Codes:
<telerik:RadGrid ID="rgInst" runat="server" CellSpacing="0" GridLines="None" RenderMode="Lightweight"
AllowAutomaticUpdates="True" AllowAutomaticInserts="True" AllowAutomaticDeletes="true" AutoGenerateColumns="false" DataSourceID="sdsInst"
OnItemCreated="rgInst_ItemCreated" OnItemInserted="rgInst_ItemInserted" OnItemUpdated="rgInst_ItemUpdated" OnItemDeleted="rgInst_ItemDeleted" OnItemCommand="rgInst_ItemCommand">
<PagerStyle Mode="NextPrevNumericAndAdvanced" />
<GroupingSettings CaseSensitive="false" />
<MasterTableView AutoGenerateColumns="false" DataSourceID="sdsInst" DataKeyNames="InstID, InstTypeId" CommandItemDisplay="Top" EditMode="EditForms">
<Columns>
<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" />
<telerik:GridBoundColumn UniqueName="InstName" DataField="InstName" HeaderText="Institution" />
<telerik:GridBoundColumn DataField="InstOffice" HeaderText="School/Dept." />
<telerik:GridBoundColumn UniqueName="InstTypeDesc" DataField="InstTypeDesc" HeaderText="Campus Type" />
<telerik:GridButtonColumn Text="Deactivate" CommandName="Delete" ConfirmText="Deactivate this record?" />
</Columns>
<EditFormSettings EditFormType="Template">
<FormTemplate>
<br />
<table class="tableW100">
<tr>
<td class="td30R">Institution name:</td>
<td class="td70L">
<asp:TextBox ID="tbInstName" runat="server" CssClass="tbW100" Text='<%# Bind("InstName") %>' />
</td>
</tr>
<tr>
<td class="td30R">School/Department:</td>
<td class="td70L">
<asp:TextBox ID="tbInstOffice" runat="server" CssClass="tbW100" TextMode="MultiLine" Text='<%# Bind("InstOffice") %>' />
</td>
</tr>
<tr>
<td class="td30R">Campus Type:</td>
<td class="td70L">
<asp:DropDownList ID="ddlInstType" CssClass="tbW100" runat="server" DataSourceID="sdsInstType" DataTextField="InstTypeDesc" DataValueField="InstTypeID" SelectedValue='<%# Bind("InstTypeID") %>' />
</td>
</tr>
<tr>
<td colspan="2" class="tr4Btn">
<asp:Button ID="btnUpdate" CssClass="flatbtnFlexSmall" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' />
<asp:Button ID="btnCancel" CssClass="flatbtnFlexSmall" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel" />
</td>
</tr>
</FormTemplate>
</EditFormSettings>
</MasterTableView>
</telerik:RadGrid>
<asp:SqlDataSource ID="sdsInst" runat="server" ConnectionString="<%$ ConnectionStrings:MainDB %>"
SelectCommand="sprInstitutionGet" SelectCommandType="StoredProcedure"
UpdateCommand="sprInstitutionUpdate" UpdateCommandType="StoredProcedure"
InsertCommand="sprInstitutionAdd" InsertCommandType="StoredProcedure"
DeleteCommand="sprInstitutionDeactivate" DeleteCommandType="StoredProcedure">
<InsertParameters> {...}
</InsertParameters>
<UpdateParameters>{...}
</UpdateParameters>
<DeleteParameters>{...}
</DeleteParameters>
</asp:SqlDataSource>
<asp:SqlDataSource ID="sdsInstType" runat="server" ConnectionString="<%$ ConnectionStrings:MainDB %>" SelectCommand="sprInstitutionTypeGet" SelectCommandType="StoredProcedure" />
Not sure what is causing this, but the following code is being added at the bottom of the HTML whenever I add an image to my RadEditor control and save the content (see below):
Can anyone tell me how to keep this from happenning?
<span style="border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px 'Helvetica Neue',Helvetica,sans-serif; color: #ffffff; background: #bd081c url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjYmQwODFjIj48L3BhdGg+PC9nPjwvc3ZnPg==') no-repeat scroll 3px 50% / 14px 14px; position: absolute; opacity: 1; z-index: 8675309; display: none; cursor: pointer; border: medium none;">Save</span>
Good afternoon,
I have Radwindow in my HTML :
<telerik:RadWindow ID="RadWindow1" runat="server" Modal="true" Animation="Fade" AutoSizeBehaviors="Default" Width="550px" Height="250px"
VisibleStatusbar="false" VisibleTitlebar="true" AutoSize="false" Behaviors="None" Skin="Outlook" Title="SCHEDULE ERROR(S)" >
<ContentTemplate>
<p style="width: 90%; height: 15px; font-size:medium; font-weight:bold;color:Red;" >
The following should be corrected in Galaxy:
</p>
<asp:Panel ID="prepsPanel" runat="server">
<div id="prepsDays" runat="server" style="width: 90%; height: 15px; font-size:small; font-weight:bold;color:Navy; padding-bottom:5px; text-align:left;" >
<asp:BulletedList ID="BulletedList8" runat="server" BulletStyle="Disc">
<asp:ListItem>Schedule does not correspond to num of preps(days)</asp:ListItem>
</asp:BulletedList>
</div>
</asp:Panel>
<asp:Panel ID="sdatePanel" runat="server">
<div id="stDate" runat="server" style="width: 90%; height: 15px; font-size:small; font-weight:bold;color:Navy; padding-bottom:5px; text-align:left;" >
<asp:BulletedList ID="BulletedList9" runat="server" BulletStyle="Disc">
<asp:ListItem>Start Date must be valid work day</asp:ListItem>
</asp:BulletedList>
</div>
</asp:Panel>
</ContentTemplate>
</telerik:RadWindow>
Based on criteria in code behind I want to make it invisible like this:
if (schcnt > 0 || stdcnt > 0 || endcnt > 0 || trmcnt > 0 || jobcnt > 0 || dupcnt > 0 || loccnt > 0 || fundcnt > 0)
{
string script = "function f(){$find(\"" + RadWindow1.ClientID + "\").show(); Sys.Application.remove_load(f);}Sys.Application.add_load(f);";
ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "key", script, true);
if (schcnt == 0)
prepsPanel.Visible = false;
if (stdcnt == 0)
sdatePanel.Visible = false;
But apparently it is not working. Both error showing in popup screen. Should be only one error on the popup screen.
Please help me to resolve this issue.
Thanks.
Vitaly.
I have a RadWindow with a RadEditor defined on it. When a user enters more than the MaxTextLength value for the RadEditor with an error. When you click OK for the error pop-up the RadWindow Closes. I need to be able to get the error message and keep the window open. Here's the definition for the Window, any help would be appreciated.
<
telerik:RadWindow
RenderMode
=
"Classic"
runat
=
"server"
ID
=
"rwLogEntry"
Modal
=
"true"
Behaviors
=
"Close, Move"
Title
=
"Add Log Entry"
Skin
=
"Telerik"
EnableShadow
=
"true"
Width
=
"800px"
Height
=
"300"
>
<
ContentTemplate
>
<
div
id
=
"spnLogEntryDate"
runat
=
"server"
class
=
"formRow"
>
<
div
class
=
"floatLeft"
>
<
asp:TextBox
ID
=
"txtBxIssueLogEntryId"
runat
=
"server"
Style
=
"display: none"
Text
=
"0"
/>
<
label
for
=
"lblLogEntryDate"
>Created Date:</
label
>
<
asp:Label
ID
=
"lblLogEntryDate"
runat
=
"server"
/>
</
div
>
</
div
>
<
div
id
=
"spnLogEntryUser"
runat
=
"server"
class
=
"formRow"
>
<
div
class
=
"floatLeft"
>
<
label
for
=
"lblLogEntryUser"
>Added By:</
label
>
<
asp:Label
ID
=
"lblLogEntryUser"
runat
=
"server"
/>
</
div
>
</
div
>
<
div
class
=
"formRow"
>
<
label
for
=
"redLogText"
>Details: </
label
>
<
div
style
=
"width: 100%"
>
<
telerik:RadEditor
ID
=
"redLogText"
runat
=
"server"
EditModes
=
"Design"
MaxTextLength
=
"4000"
SkinID
=
"DefaultSetOfTools"
ContentAreaMode
=
"iframe"
OnClientInit
=
"CharCountInit"
Height
=
"255px"
Width
=
"70%"
Style
=
"background-color: White; display: inline-block;"
Skin
=
"Default"
>
<
Tools
>
<
telerik:EditorToolGroup
>
<
telerik:EditorSeparator
Visible
=
"true"
/>
<
telerik:EditorTool
Name
=
"Cut"
/>
<
telerik:EditorTool
Name
=
"Copy"
/>
<
telerik:EditorTool
Name
=
"Paste"
/>
<
telerik:EditorSeparator
Visible
=
"true"
/>
<
telerik:EditorSplitButton
Name
=
"Undo"
/>
<
telerik:EditorSplitButton
Name
=
"Redo"
/>
<
telerik:EditorSeparator
Visible
=
"true"
/>
<
telerik:EditorTool
Name
=
"Bold"
/>
<
telerik:EditorTool
Name
=
"Italic"
/>
<
telerik:EditorTool
Name
=
"Underline"
/>
<
telerik:EditorSeparator
Visible
=
"true"
/>
<
telerik:EditorTool
Name
=
"JustifyLeft"
/>
<
telerik:EditorTool
Name
=
"JustifyRight"
/>
<
telerik:EditorTool
Name
=
"JustifyCenter"
/>
<
telerik:EditorSeparator
Visible
=
"true"
/>
<
telerik:EditorDropDown
Name
=
"FontName"
/>
<
telerik:EditorDropDown
Name
=
"FontSize"
/>
<
telerik:EditorSeparator
Visible
=
"true"
/>
<
telerik:EditorTool
Name
=
"AjaxSpellCheck"
/>
</
telerik:EditorToolGroup
>
</
Tools
>
<
CssFiles
>
<
telerik:EditorCssFile
Value
=
""
/>
</
CssFiles
>
<
Modules
>
<
telerik:EditorModule
Name
=
"RadEditorStatistics"
Visible
=
"true"
Enabled
=
"true"
></
telerik:EditorModule
>
</
Modules
>
</
telerik:RadEditor
>
<
asp:RequiredFieldValidator
ID
=
"rfvLogTextValid"
runat
=
"server"
CssClass
=
"validator"
ControlToValidate
=
"redLogText"
Text
=
"Required"
ErrorMessage
=
"Details is a Required Field"
ToolTip
=
"This is a Required Field"
SetFocusOnError
=
"true"
ValidationGroup
=
"LOGVALIDGROUP"
/>
<
br
/>
<
asp:Label
ID
=
"lblErrorMsg"
runat
=
"server"
CssClass
=
"validator"
></
asp:Label
>
</
div
>
</
div
>
<
div
class
=
"formRow"
>
<
div
class
=
"floatRight"
>
<
asp:LinkButton
ID
=
"lnkBtnSaveLogEdit"
runat
=
"server"
OnClick
=
"lnkBtnSaveLogEdit_Click"
ValidationGroup
=
"LOGVALIDGROUP"
CssClass
=
"silverButton"
>
<
span
id
=
"spnIssueLog"
runat
=
"server"
>Submit</
span
>
</
asp:LinkButton
>
<
asp:LinkButton
ID
=
"lnkBtnLogEditCancel"
runat
=
"server"
OnClick
=
"lnkBtnLogEditCancel_Click"
CausesValidation
=
"false"
Text
=
"Cancel"
CssClass
=
"floatRightLink"
/>
</
div
>
</
div
>
</
ContentTemplate
>
</
telerik:RadWindow
>
Support
,
As mentioned in the attached
File, Open Play List and Close Play List tool tip are showing wrongly .
When the Play list are showing,
Tool tip Shows as Open Play list.
When the Playlist are not
showing, Tool tip Shows as Close Play list.
Is there any way to inter
change this tool tip ?
How do i change the RadNavigation css style like the attached image?
I have set EnableEmbeddedSkins="false".
And use this css now:
html .RadNavigation .rnvMore,
html .RadNavigation .rnvRootLink {
padding-top
:
0px
;
padding-left
:
14px
;
padding-bottom
:
0px
;
border
:
none
;
margin
:
0px
;
}
html .RadNavigation {
font-size
:
1.5em
;
font-family
:
'Alegreya Sans'
,
sans-serif
;
color
:
white
;
border
:
none
;
}
html .RadNavigation .rnvHovered .rnvRootLink {
background-color
: lightblue;
border
:
none
;
}
function
resizeChart(id) {
var
RadHtmlChart1 = $find(id);
if
($(RadHtmlChart1).length) {
RadHtmlChart1._chartObject.resize();
RadHtmlChart1.repaint();
}
}