Questions on UI for ASP.NET AJAX Forum

3 answers

308 views

I have a radalert that we are trying to load HTML content into server side. For some reason if there are multiple paragraph tags it causes the javascript to error with "Invalid or unexpected token". It looks like it placed the 2nd paragraph on a new line. Is there a workaround for something like this?

This is what is rendered when there are multiple paragraph tags and the error is thrown:

<script type='text/javascript' id='7221d910'>

function RadWindowManager1_radalert_7221d910()

{

$find('RadWindowManager1').radalert('<p><strong><span style="font-size: 24px;">This is the <span style="color: #c00000;">sold out</span> message </span></strong></p>

<p><strong><span style="font-size: 24px;">Just another paragraph</span></strong></p>', null, null, 'Sold Out', null, 'null');

Sys.Application.remove_load(RadWindowManager1_radalert_7221d910);

var scriptBlock = document.getElementById('7221d910');

if(scriptBlock)

{

var parent = scriptBlock.parentNode;

if(parent) parent.removeChild(scriptBlock);

}

};

Sys.Application.add_load(RadWindowManager1_radalert_7221d910);</script>

This throws the error:

<p><strong><span style="font-size: 24px;">This is the <span style="color: #c00000;">sold out</span> message </span></strong></p> <p><strong><span style="font-size: 24px;">Just another paragraph</span></strong></p>

This works correctly:

<p><strong><span style="font-size: 24px;">This is the <span style="color: #c00000;">sold out</span> message </span></strong><strong><span style="font-size: 24px;">Just another paragraph</span></strong></p>

Window

answered on 07 Dec 2018

2 answers

313 views

Frozen Columns - Cannot read property 'cells' of undefined

Hello everyone,

our team found the issue in frozen columns functionality. If grid has no data, user can not scrolling header to the right.

Maybe we incorrect using this functionality. I created small demo that is based on a server-side binding, but problem is still, after scrolling in developer tools we can see JS error "Uncaught TypeError: Cannot read property 'cells' of undefined
at Object.Telerik.Web.UI.Grid.frozenScrollHanlder (Telerik.Web.UI.WebResource.axd... :3454)
at <anonymous>:1:21"

Grid

answered on 06 Dec 2018

2 answers

3.3K+ views

How can I disable Back-arrow of browser in asp.net c#

Posted 23 hours ago
Hello,
I have homepage with login page. When I am login in it should redirect to homepage but on homepage back arrow of browser should disabled but not forword arrow.
Below i have attached code which i have tried:

This is my Login page code:

<%@ Page Title="" Language="C#" MasterPageFile="~/Login.Master" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="EmployeePortal.Login" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<style type="text/css">

.content {

max-width: 700px;

margin: auto;

margin-top: 5px;

background: #fbfdff;

color:#000066;

}

.auto-style3

{

width: 210px;

}

.auto-style4

{

width: 6px;

}

.auto-style5

{

width: 10px;

}

.btnPass{

cursor: pointer;

border-style: none;

background-color: #fbfdff;

}

.txbox{

border-color:#c5e4ed;

border-radius:3px;

border-width:2px;

}

.auto-style6 {

width: 6px;

height: 49px;

}

.auto-style7 {

width: 10px;

height: 49px;

}

.auto-style8 {

width: 210px;

height: 49px;

}

.auto-style9 {

height: 20px;

}

.auto-style10 {

width: 6px;

height: 51px;

}

.auto-style11 {

width: 1px;

height: 20px;

}

.auto-style12 {

height: 51px;

}

</style>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">

function preventBack() { window.history.forward(); }

setTimeout("preventBack()", 0);

window.onunload = function () { null };

</script>

<script type="text/javascript">

window.onload = pageLoad;

function btnPasswordClick()

{

             window.radopen("ResetPass.aspx?email=" + document.getElementById('<%=txtEmployeeID.ClientID%>').value.trim(), "Reset Password",580,400,10,10).center;

}

function RadWindowClose(sender, args)

{

var refresh = args.get_argument();

if (refresh != true) return false;

}

function showBrowserEntry()

{

var lbl = document.getElementById('<%= txtBrowser.ClientID%>').style.display = 'inherit';

}

</script>

<telerik:RadScriptManager runat="server"></telerik:RadScriptManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" RenderMode="Lightweight" EnableShadow="true" ReloadOnShow="true" ShowContentDuringLoad="false" VisibleStatusbar="false" Modal="true" Behaviors="Close, Move" OnClientClose="RadWindowClose">

</telerik:RadWindowManager>

<table width="100%" align="center" cellpadding="0" cellspacing="0">

<tr>

<td colspan="2" align="center" style="color:darkblue">

<font face="arial" font-size="x-large" font-weight="300">Welcome to the CPS Portal</font>

<p colspan="2" align="center" style="font-size:smaller;font-weight:200">

<font face="arial" font-size="smaller"> Enter Your Login Information</font>

</p>

</td>

</tr>

<tr>

<td colspan="4" align="center">

<table width="100%" border="0" cellpadding="10px" cellspacing="5px" >

<tr id="trlblError2" runat="server">

<td colspan="4" align="center">

<asp:Label runat="server" ID="lblErrormessage" SkinID="Error" ForeColor="Red"></asp:Label></td>

</tr>

<tr id="trlblEmployeeID">

<td colspan="4" class="auto-style3">

<asp:Label ID="lblEmail" runat="server" Text="Email Address" Font-Size="smaller" Font-Names="arial"></asp:Label><br />

<asp:TextBox ID="txtEmployeeID" runat="server" Width="350px" Height="20px" CssClass="txbox" align="center" colspan="4"></asp:TextBox>

</td>

</tr>

<tr id="trlblPassword">

<td colspan="4" class="auto-style8">

<asp:Label ID="lblPassword" runat="server" Text="Password" Font-Size="smaller" Font-Names="arial"></asp:Label><br/>

<asp:TextBox ID="txtPassword" TextMode="Password" runat="server" MaxLength="20" CssClass="txbox" Width="350px" Height="20px" align="center" colspan="4"></asp:TextBox><br/>

<div style="margin-top:10px;">

<asp:Button runat="server" CssClass="btnPass" CausesValidation="false" OnClientClick="btnPasswordClick(); return false;" ID="btnForgotPass" Text="Forgot Password?" Font-Names="arial" Width="350px" ForeColor="#000066" align="center" />

</div>

</td>

</tr>

<tr>

<td align="center" colspan="4">

<div><asp:RequiredFieldValidator ID="rfEmployeeID" runat="server" ErrorMessage="Enter Email Address"

ControlToValidate="txtEmployeeID" Display="Dynamic" SetFocusOnError="true" Font-Names="arial" Font-Size="14px" ForeColor="Red"></asp:RequiredFieldValidator></div>

<div><asp:RequiredFieldValidator ID="rfPassword" runat="server" ErrorMessage="Enter Password"

ControlToValidate="txtPassword" Display="Dynamic" SetFocusOnError="true" Font-Names="arial" Font-Size="14px" ForeColor="Red"></asp:RequiredFieldValidator></div>

</td>

</tr>

<tr>

<td align="left" style="width:2px; padding:0px;" colspan="1" class="auto-style11" oncontextmenu="showBrowserEntry()">

<asp:TextBox ID="txtBrowser" runat="server" Style="display: none;" Text="N/A"></asp:TextBox> </td>

<td class="auto-style12" align="center" colspan="4">

<asp:ImageButton ID="btnLogin" runat="server" ImageUrl="~/Images/Login2.gif" Color="#000066" OnClick="btnLogin_Click" />

</td>

</tr>

</table>

<div align="center">

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

</asp:Panel>

</div>

</td>

</tr>

</table>

<asp:HiddenField runat="server" ID="hdfBrowser" />

</asp:Content>

This is my home page:

<%@ Page Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="HomePage.aspx.cs" Inherits="EmployeePortal.HomePage" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<script type="text/javascript">

function RadWindow1_ClientClose(sender, args) {

//$find("RadToolBar1").findItemByValue("Delete").click();

__doPostBack('pdfStamper', 'PdfSave');

}

function CloseRadWindow() {

//get a reference to the current RadWindow

var wndow = GetRadWindow();

wndow.Close();

}

function OnClientResizeEnd(sender, eventArgs) {

logEvent("<strong>OnClientResizeEnd</strong>: RadWindow is resize ended");

}

function UseRadWindow() {

var oManager = GetRadWindowManager();

var oWnd = oManager.getWindowByName("DialogWindow");

oWnd.show();

oWnd.setSize(400, 400);

oWnd.minimize();

oWnd.maximize();

oWnd.restore();

}

function OnClientResizeStart(sender, eventArgs) {

logEvent("<strong>OnClientResizeEnd</strong>: RadWindow is resize started");

}

function GetRadWindow() {

var oWindow = null;

if (window.radWindow) oWindow = window.radWindow;

else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;

return oWindow;

}

function showReport(pdfPath) {

var mywindow;

// pdfPath = "../HR/Forms/PDF_Files/DEMOCO/152-02-2018_W-4.pdf";

mywindow = window.radopen(pdfPath, "RadWindowPDF");

}

function OnClientValidationFailed(sender, args) {

            var fileExtention = args.get_fileName().substring(args.get_fileName().lastIndexOf('.') + 1, args.get_fileName().length);

if (args.get_fileName().lastIndexOf('.') != -1) {//this checks if the extension is correct

if (sender.get_allowedFileExtensions().indexOf(fileExtention)) {

alert("Only PDF files are allowed.");

}

else {

alert("Wrong file size!");

}

else {

alert("not correct extension!");

}

function promptCallBackFn(arg) {

$get("<%= hdfPrompt.ClientID %>").value = arg;

__doPostBack();

}

</script>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" VisibleOnPageLoad="True" AutoSizeBehaviors="Width"

Height="768px" Width="1024px" Skin="Office2007" Behaviors="Default" KeepInScreenBounds="True" Style="z-index: 12345"

Modal="false" VisibleStatusbar="false" ShowContentDuringLoad="true" DestroyOnClose="true">

<Windows>

<telerik:RadWindow Title="RadGrid PDF Output" runat="server" ID="RadWindowPDF" Skin="Office2007" KeepInScreenBounds="true" Style="overflow-x: hidden; overflow-y: hidden; z-index: 1000"

ReloadOnShow="true" VisibleOnPageLoad="false" Behaviors="Close,Maximize,move" OnClientClose="RadWindow1_ClientClose"

Width="700px" Height="800px" MaxWidth="1000px" MaxHeight="900px">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<asp:HiddenField runat="server" ID="hdfPrompt" Value="" />

<style type="text/css">

.label {

border-color: #000066;

color: darkblue;

font-family: Arial, Helvetica, sans-serif;

margin-top: 7px;

padding: 5px;

}

.td {

border-color: #000066;

}

.RadButton.rbButton.rbPrimary {

padding-left: 3.5em !important;

}

.img-circle {

width: 50px;

height: 50px;

}

</style>

<table style="width: 99%; height: 340px;">

<tr>

<td style="vertical-align: top; width:10%; height:10%">

<div style="float: initial" id="imgpic">

<telerik:RadBinaryImage ID="RBILogo" runat="server" Width="35px" />

</div>

</td>

<td rowspan="2" style="border-style: none; border-color: inherit; border-width: medium; width: 35%; padding-left: 2px" class="td">

<asp:TextBox ID="txtmsg" ReadOnly="true" Font-Size="Medium" ForeColor="darkblue" Style="resize: none" BackColor="#ebf0ff" SkinID="bootstrap" BorderStyle="solid" BorderColor="#c5c7c5" TextMode="MultiLine" Width="97%" Height="300px" runat="server" CssClass="label" EnableTheming="False"></asp:TextBox>

</td>

<td rowspan="2" style="border-style: none; width: 35%; margin-top: 2px; padding-right: 20px; color: darkblue">

<telerik:RadDockLayout ID="RadDockLayout1" runat="server" OnLoad="RadDockLayout1_Load" Skin="Windows7">

<telerik:RadDockZone ID="RadDockZone1" runat="server" Height="300px" Width="100%" MinHeight="100px" Style="float: left; margin-top: 2px; margin-left: 8px; margin-right: 0px;" RenderMode="Lightweight" Skin="Windows7" ForeColor="DarkBlue">

</telerik:RadDockZone>

</telerik:RadDockLayout>

</td>

</tr>

</table>

<table style="width: 98%; height: 150px; margin-left: 5px;">

<tr>

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

<telerik:RadButton RenderMode="Lightweight" runat="server" ID="rbtnMyProfile" Height="80px" Width="200px" Text="My Profile" OnClick="RadMyProfile_Click" Skin="Bootstrap" ForeColor="#ffffff" BackColor="#15D67F" Font-Size="20px">

<Icon PrimaryIconUrl="images/profile.png" PrimaryIconTop="16px" PrimaryIconLeft="20px" PrimaryIconWidth="50px" PrimaryIconHeight="50px"></Icon>

</telerik:RadButton>

</td>

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

<telerik:RadButton RenderMode="Lightweight" runat="server" ID="rbtnMyDD" Height="80px" Width="200px" Text="Direct Deposit" OnClick="RadMyDD_Click" Skin="Bootstrap" ForeColor="#ffffff" BackColor="#0876b4" Font-Size="20px">

<Icon PrimaryIconUrl="images/deposit.png" PrimaryIconTop="16px" PrimaryIconLeft="20px" PrimaryIconWidth="50px" PrimaryIconHeight="50px"></Icon>

</telerik:RadButton>

</td>

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

<telerik:RadButton RenderMode="Lightweight" runat="server" ID="rbtnMyDeds" Height="80px" Width="200px" Text="Deductions" OnClick="RadMyDeds_Click" Skin="Bootstrap" ForeColor="#ffffff" BackColor="#15D67F" Font-Size="20px">

<Icon PrimaryIconUrl="images/deductions.png" PrimaryIconTop="16px" PrimaryIconLeft="20px" PrimaryIconWidth="50px" PrimaryIconHeight="50px"></Icon>

</telerik:RadButton>

</td>

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

<telerik:RadButton RenderMode="Lightweight" runat="server" ID="rbtnForms" Height="80px" Width="200px" Text="Forms & Documents" OnClick="RadForms_Click" Skin="Bootstrap" ForeColor="#ffffff" BackColor="#0876b4" Font-Size="20px">

<Icon PrimaryIconUrl="images/filesdocs.png" PrimaryIconTop="16px" PrimaryIconLeft="20px" PrimaryIconWidth="50px" PrimaryIconHeight="50px"></Icon>

</telerik:RadButton>

</td>

</tr>

</table>

<table>

<tr>

<td style="width: 80%; border: solid 1px; border-color: #c5c7c5; padding: 5px; padding-bottom: 20px">

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1" Height="100%" BorderColor="#000066">

<asp:Label ID="lblRecentPay" Style="text-align: right;" runat="server" Text="My Recent Pay Check:" CssClass="label" ForeColor="darkblue" Font-Names="arial">

</asp:Label>

<asp:DropDownList ID="ddlChecks" runat="server" Width="200px" AutoPostBack="true" OnSelectedIndexChanged="ddlChecks_SelectedIndexChanged" CssClass="RadDropDownList_CustomDD">

</asp:DropDownList>

<br />

<telerik:RadGrid ID="RadgridRecentPay" runat="server" EnableEmbeddedSkins="False" Skin="Custom1" Width="100%" Height="105px" Font-Names="Arial" Font-Size="Small" RenderMode="Lightweight">

<ClientSettings>

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

</ClientSettings>

<GroupingSettings CollapseAllTooltip="Collapse all groups" />

<MasterTableView AutoGenerateColumns="false" ForeColor="DarkBlue" Font-Size="Smaller">

<Columns>

<telerik:GridBoundColumn DataField="GROSSPAY" HeaderText="Gross Pay">

<HeaderStyle HorizontalAlign="Center" />