Questions on UI for ASP.NET AJAX Forum

1 answer

202 views

CosmoDB (aka DocumentDB) example for Telerik tools

I've been learning about CosmoDB in Azure. I've moved some data to Azure CosmoDB to test/learn with. I'm really looking for an example with CosmoDB and Web Forms with Telerik Grid control.

I'm trying to understand what Telerick controls have support for CosmoDB.

ASP.NET AJAX Grid Support CosmoDB (yes/no)?
ASP.NET MVC (yes/no)?
Does Telerik have support ASP.Net Razor Pages and can you connect to CosmoDB from Razor (yes/no).

Any links to Telerik Docs would be super helpful. I read all the docs.microsoft pages on CosmoDB.

Any samples? I searched around Telerik site but found very little info CosmoDB.

Thanks
Jason

Documentation and Tutorials

answered on 07 Dec 2018

2 answers

164 views

[Solved] Appointment AppTemplate set css attributes issue

Hi,

So far the radscheduler has proved to be a very useful asset. However I am stuck with one issue. As part of my apptemplate on the instantiation of the control I want to set the 'Appointment' with the 'data-toggle', 'data-placement' and 'title' attributes in order to use a Bootstrap 3 tooltip rather than the generic one. At runtime it ignores what I've set and sets the title as the content of the appointment.

Is there a way to do this? Or is something happening in the background which removes it. Example below. None of the 'app.Attributes' get appended.

public void InstantiateIn(Control container)

{

SchedulerAppointmentContainer aptCont = (SchedulerAppointmentContainer)container;

Appointment app = aptCont.Appointment;

app.Attributes.Add("data-toggle", "tooltip");

app.Attributes.Add("data-placement", "right");

app.Attributes.Add("title", "Radscheduler is the best!");

LinkButton lbs = new LinkButton();

lbs.ID = "btnConductAppointment";

lbs.Text = "This is a linkbutton";

container.Controls.Add(lbs);

}

Scheduler

answered on 07 Dec 2018

3 answers

345 views

RadAlert Error With HTML Content

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

356 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.5K+ 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" />