Questions on UI for ASP.NET AJAX Forum

2 answers

243 views

Hello,

I have a master page in which I have rad tree view with check boxes (this forms the left menu of the page).
I created another page which refers to above master file.
In the content tab , I have created RadTabs (this has panel in it).

My requirement is that , when the user checks a checkbox node, a text box should get dynamically added to the rad tab's panel.

How can I do this ( sample will help. )

Should I ajaxify and write server side code - how ( becuase rad controls are already ajaxified.) . I think this should be done client side , so should i use javascript (but this will be complicated I think). Any other approach

Help appreciated.

TreeView

answered on 08 Dec 2018

6 answers

886 views

Paging in radgrid without having the whole datasource and total rows count

Hi,
I have a radgrid in default.aspx page. I want show some data in radgrid with paging. But I dont have the whole datasource at the Need_DataSource event. My backend is like, passing the pagecount and the service will return only 100 records of the Nth page. I dont know the approximate total rows count. How do I achieve paging in radgrid without having the whole datasource and total rows count?
Please guide me.

Thanks,
Tamil

Grid

answered on 07 Dec 2018

12 answers

233 views

Server-Side AcceptTrackChanges and RejectTrackChanges does not accept or reject Bold, Italics, etc

Hi,

My company has a requirement to build a User Control that has 3 tabs Current, Original and Final.

Current tab will display the current content of the RadEditor including all the Track Changes information.

Original tab will display the original content of the RadEditor before changes are made (all the changes are rejected).

Final tab will display the final content of the RadEditor if all the changes are accepted.

To achieve this I have tried 2 methods.

First, I tried to use the server-side methods AcceptTrackChanges to get the content for Final and RejectTrackChanges to get the content for Original.

However, this did not work because AcceptTrackChanges and RejectTrackChanges does not accept or reject text formatting changes like Bold, Italics, etc.

The second method I tried was to use the client-side workaround suggested by http://feedback.telerik.com/Project/108/Feedback/Details/88678-when-accepttrackchanges-method-is-being-used-from-the-code-behind-inline-forma.

Unfortunately that did not work either.

Is there another way to achieve what we want?

Editor

answered on 07 Dec 2018

1 answer

163 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

125 views

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

308 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

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" />