Questions on UI for ASP.NET AJAX Forum

7 answers

188 views

Pasting problem in editor (DLL version 2014.1.403.45)

This afternoon, we upgraded our Telerik assemblies from version 2014.1.403.45 to version 2014.3.1209.45.
We made no code changes or anything in our own application. We merely upgraded to the new Telerik assemblies.

Since then, pasting in the editor does not work anymore. No error messages.... just nothing.

Browser is irrelevant: it's not working in Chrome, nor in IE11, nor in Firefox., etc.

What might be causing this? And how can we solve it (other than returning to the previously used assembly version)?

Editor

answered on 12 Feb 2015

12 answers

8.3K+ views

Hide/visible columns in radgrid

Hi Team,

I am using RadGrid, in which i have Col1, Col2, Col3, Col4 and Col5. All columns are filterable. I need that when the grid is loaded for first time col4 and col5 should not be visible, but when I right clink on grid header the it should display all columns and I should be able to select col4 and col5 to make columns visible.

can anybody help on this please.

Regards,
Sandy.

Grid

answered on 12 Feb 2015

2 answers

142 views

Missing tiles

I have 14 tiles in my TileList. However, only 11 of them are shown on the page. I'm not able to use the space on the bottom right hand corner of the area for some reason. Any idea why it might cause this problem?

Screenshot: http://s29.postimg.org/cimmy9a0n/Capture.png

Code:
<telerik:RadTileList ID="RadTileList1" runat="server" TileRows="4" Width="100%" EnableDragAndDrop="True" SelectionMode="Multiple">
<Groups>
<telerik:TileGroup>
<telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[0,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[0,0] %>" NavigateUrl="<%$ Code: allTiles[0,1] %>" Target="_blank" EnableSelection="True">
<Title Text="<%$ Code: allTiles[0,0] %>"></Title>
</telerik:RadImageTile>
<telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[1,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[1,0] %>" NavigateUrl="<%$ Code: allTiles[1,1] %>" Target="_blank" EnableSelection="True">
<Title Text="<%$ Code: allTiles[1,0] %>"></Title>
</telerik:RadImageTile>
<telerik:RadImageTile runat="server" ForeColor="White" ImageUrl="<%$ Code: allTiles[4,2] %>" Name="<%$ Code: allTiles[4,0] %>" Width="310px" NavigateUrl="<%$ Code: allTiles[4,1] %>" Target="_blank" EnableSelection="True">
<Title Text="<%$ Code: allTiles[4,0] %>"></Title>
</telerik:RadImageTile>
<telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[7,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[7,0] %>" NavigateUrl="<%$ Code: allTiles[7,1] %>" Target="_blank" EnableSelection="True">
<Title Text="<%$ Code: allTiles[7,0] %>"></Title>
</telerik:RadImageTile>
<telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[8,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[8,0] %>" NavigateUrl="<%$ Code: allTiles[8,1] %>" Target="_blank" EnableSelection="True">
<Title Text="<%$ Code: allTiles[8,0] %>"></Title>
</telerik:RadImageTile>
<telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[2,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[2,0] %>" NavigateUrl="<%$ Code: allTiles[2,1] %>" Target="_blank" EnableSelection="True">
<Title Text="<%$ Code: allTiles[2,0] %>"></Title>
</telerik:RadImageTile>
<telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[3,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[3,0] %>" NavigateUrl="<%$ Code: allTiles[3,1] %>" Target="_blank" EnableSelection="True">
<Title Text="<%$ Code: allTiles[3,0] %>"></Title>
</telerik:RadImageTile>
<telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[5,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[5,0] %>" NavigateUrl="<%$ Code: allTiles[5,1] %>" Target="_blank" EnableSelection="True">
<Title Text="<%$ Code: allTiles[5,0] %>"></Title>
</telerik:RadImageTile>
<telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[6,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[6,0] %>" NavigateUrl="<%$ Code: allTiles[6,1] %>" Target="_blank" EnableSelection="True">
<Title Text="<%$ Code: allTiles[6,0] %>"></Title>
</telerik:RadImageTile>
<telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[9,2] %>" Name="<%$ Code: allTiles[9,0] %>" NavigateUrl="<%$ Code: allTiles[9,1] %>" Target="_blank" ImageWidth="150px" EnableSelection="True">
<Title Text="<%$ Code: allTiles[9,0] %>"></Title>
</telerik:RadImageTile>
<telerik:RadImageAndTextTile runat="server" EnableSelection="True" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[10,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[10,0] %>" NavigateUrl="<%$ Code: allTiles[10,1] %>" Target="_blank">
<Title Text="<%$ Code: allTiles[10,0] %>"></Title>
</telerik:RadImageAndTextTile>
<telerik:RadImageTile runat="server" EnableSelection="True" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[11,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[11,0] %>" NavigateUrl="<%$ Code: allTiles[11,1] %>" Target="_blank">
<Title Text="<%$ Code: allTiles[11,0] %>"></Title>
</telerik:RadImageTile>
<telerik:RadImageTile runat="server" ForeColor="White" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[12,2] %>" Name="<%$ Code: allTiles[12,0] %>" NavigateUrl="<%$ Code: allTiles[12,1] %>" Target="_blank" ImageWidth="150px" EnableSelection="True">
<Title Text="<%$ Code: allTiles[12,0] %>"></Title>
</telerik:RadImageTile>
<telerik:RadImageTile runat="server" ImageHeight="150px" ImageUrl="<%$ Code: allTiles[13,2] %>" ImageWidth="150px" Name="<%$ Code: allTiles[13,0] %>" ForeColor="White" NavigateUrl="<%$ Code: allTiles[13,1] %>" Target="_blank" EnableSelection="True">
<Title Text="<%$ Code: allTiles[13,0] %>"></Title>
</telerik:RadImageTile>
</telerik:TileGroup>
</Groups>
</telerik:RadTileList>

TileList

answered on 11 Feb 2015

1 answer

662 views

How to show columns with check box instead of true/false?

I have a radGrid with string and boolean values. The boolean values are showing as "True" and "False". I want them to show as checkboxes in both the normal display and edit modes.

How do I accomplish this? Below is my markup code:

<telerik:RadDropDownList ID="ddlRoles" runat="server" CssClass="wepageManagementDropDown" Width="200px" DataTextField="role" DataValueField="ID" AutoPostBack="true" OnItemSelected="ddlRoles_ItemSelected"></telerik:RadDropDownList>

<br /><br />

<telerik:RadGrid ID="RadGridwebpagemanagement" Height="70%" runat="server" AllowFilteringByColumn="True" AllowSorting="True" AutoGenerateDeleteColumn="True" AutoGenerateEditColumn="True" GroupPanelPosition="Top" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" OnNeedDataSource="RadGridwebpagemanagement_NeedDataSource">

<ClientSettings>

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

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="false">

<Columns>

<telerik:GridBoundColumn DataField="webpage_name" HeaderText="Web Page" UniqueName="webpage_name"

FilterControlWidth="100px">

<HeaderStyle Width="115px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="add_privledge" HeaderText="Allow Adds" UniqueName="add_privledge"

FilterControlWidth="60px">

<HeaderStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="edit_privledge" HeaderText="Allow Edits" UniqueName="edit_privledge"

FilterControlWidth="60px">

<HeaderStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="delete_privledge" HeaderText="Allow Deletes" UniqueName="delete_privledge"

FilterControlWidth="60px">

<HeaderStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="view_privledge" HeaderText="Allow Views" UniqueName="view_privledge"

FilterControlWidth="60px">

<HeaderStyle Width="100px" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 11 Feb 2015

1 answer

218 views

Batch Edit - Tabbing to Create a New Row

Hi

I'm using a RadGrid with Batch Edit and have the keyboard navigation turned. However users are saying they do not want to have to hit "Add new record" at the bottom but instead when they tab off the last cell of the last column to automatically insert a new blank row and have the keyboard focused in it's first cell. I can't find any information on this behavior, is such a thing possible?

Thank you

Grid

answered on 11 Feb 2015

3 answers

270 views

Issue with nested page layouts with any other ui control

After searching around i didn't see the answer to my problem so i thought id post it here.

I'm working on a Master Page-Content page with nested page layouts. one on the master page, the other on the content page. What is happening is when i go do use the RadNotification or use the invalid setting on a text box. the page updates and all the content expands to the right by about 50% but the notification stays centered in the window.. is this a known issue or am I missing the obvious.

I am using product Version 2014.3.1209.40
Any help or idea with this would be appreciated.

code I am using below.

Master page

<%@ Master Language="VB" CodeFile="MobileRoot.master.vb" Inherits="M_Root" %>

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

<!DOCTYPE html>

<html>

<head runat="server">

<title></title>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no" />

<link href="css/RootMaster.css" rel="Stylesheet" type="text/css" />

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

</head>

<body>

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

<asp:ScriptManager runat="server"></asp:ScriptManager>

<rad:RadPageLayout ID="rplMaster" runat="server">

<Rows>

<rad:LayoutRow>

<Content>

<rad:RadNotification ID="rnNotify" runat="server">

</rad:RadNotification>

</Content>

</rad:LayoutRow>

</Rows>

<%--Row to hold header for site--%>

<Rows>

<rad:LayoutRow ID="lrHeader" runat="server" CssClass="header">

<Columns>

<rad:LayoutColumn HiddenXs="true" Span="4">

</rad:LayoutColumn>

<rad:LayoutColumn SpanXs="12" Span="4">

<center>

<asp:Image ID="imgHeader" runat="server" CssClass="CenterImg" Width="8.5em" Height="3.5em" />

</center>

</rad:LayoutColumn>

<rad:LayoutColumn HiddenXs="true" Span="4">

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

<%--Row to Hold Content--%>

<Rows>

<rad:LayoutRow runat="server" CssClass="contentcontainer">

<Columns>

<rad:LayoutColumn Span="12">

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

<%-- Content page displays here --%>

</asp:ContentPlaceHolder>

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

<Rows>

<rad:LayoutRow runat="server" CssClass="footercontainer">

<Columns>

<rad:LayoutColumn Span="4">

</rad:LayoutColumn>

<rad:LayoutColumn Span="4">

</rad:LayoutColumn>

<rad:LayoutColumn Span="4">

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

</rad:RadPageLayout>

</form>

</body>

</html>

Content page

<%@ Page Title="" Language="VB" MasterPageFile="~/Mobile/MobileRoot.master" AutoEventWireup="false" CodeFile="Login.aspx.vb" Inherits="M_Login" %>

<%@ MasterType VirtualPath="~/Mobile/MobileRoot.master" %>

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

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

</asp:Content>

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

<rad:RadPageLayout ID="rplDashboard" runat="server">

<Rows>

<rad:LayoutRow runat="server" CssClass="loginsectionheader">

<Columns>

<rad:LayoutColumn SpanXs="2" Span="4">

</rad:LayoutColumn>

<rad:LayoutColumn SpanXs="8" Span="4">

<asp:Image ID="imgLoginHeader" runat="server" CssClass="CenterImg" Width="12.62em" Height="11em" />

</rad:LayoutColumn>

<rad:LayoutColumn SpanXs="2" Span="4">

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

<Rows>

<rad:LayoutRow CssClass="logininput">

<Columns>

<rad:LayoutColumn SpanXs="1" SpanSm="3" Span="4">

</rad:LayoutColumn>

<rad:CompositeLayoutColumn SpanXs="10" SpanSm="6" Span="4">

<Rows>

<rad:LayoutRow>

<Content>

<rad:RadTextBox ID="txtLogin" runat="server"></rad:RadTextBox>

</Content>

</rad:LayoutRow>

<rad:LayoutRow>

<Content>

<rad:RadTextBox ID="txtPass" runat="server" placeholder="Password"></rad:RadTextBox>

</Content>

</rad:LayoutRow>

</Rows>

</rad:CompositeLayoutColumn>

<rad:LayoutColumn SpanXs="1" SpanSm="3" Span="4">

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

<Rows>

<rad:LayoutRow runat="server" CssClass="">

<Columns>

<rad:LayoutColumn SpanXs="3" Span="4">

</rad:LayoutColumn>

<rad:CompositeLayoutColumn ID="clcLogPw" runat="server">

<Rows>

<rad:LayoutRow>

<Content>

<rad:RadButton ID="btnLogin" runat="server"></rad:RadButton>

</Content>

</rad:LayoutRow>

<rad:LayoutRow>

<Content>

<rad:RadButton ID="btnForgotPw" runat="server"></rad:RadButton>

</Content>

</rad:LayoutRow>

</Rows>

</rad:CompositeLayoutColumn>

<rad:LayoutColumn SpanXs="3" Span="4">

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

<Rows>

<rad:LayoutRow runat="server">

<Columns>

<rad:LayoutColumn HiddenXs="true" Span="1">

</rad:LayoutColumn>

<rad:CompositeLayoutColumn ID="lcCreateAcct" runat="server">

<Rows>

<rad:LayoutRow>

<Content>

<asp:Label ID="lblCreateAcctount" runat="server"></asp:Label></Content>

</rad:LayoutRow>

<rad:LayoutRow>

<Content>

<rad:RadButton ID="btnCreateAcct" runat="server"></rad:RadButton>

</Content>

</rad:LayoutRow>

</Rows>

</rad:CompositeLayoutColumn>

<rad:CompositeLayoutColumn ID="lcMakePayemt" runat="server">

<Rows>

<rad:LayoutRow>

<Content>

<asp:Label ID="lblMakePayment" runat="server"></asp:Label></Content>

</rad:LayoutRow>

<rad:LayoutRow>

<Content>

<rad:RadButton ID="btnMakePayment" runat="server"></rad:RadButton>

</Content>

</rad:LayoutRow>

</Rows>

</rad:CompositeLayoutColumn>

<rad:LayoutColumn HiddenXs="true" Span="1">

</rad:LayoutColumn>

</Columns>

</rad:LayoutRow>

</Rows>

</rad:RadPageLayout>

</asp:Content>

CSS

html {

font-size: 100%; /*using ems to set text size not px. this is required. default size is 1em.*/

}

body {

color: #FFFFFF;

background-color: #000000;

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

}

/*Header Start*/

.header {

background-color: #DDDDDD;

padding-top: 0.3em;

}

.pagetitlecontainer {

background-color: #ae862c;

}

.pagetitle {

font-size: 1.5em;

line-height: 1.5;

font-weight: bold;

}

.centerimg {

margin-left: auto;

margin-right: auto;

}

/*Content Start*/

.sectionheader {

line-height: 2;

}

.loginsectionheader {

margin-bottom: 1.75em;

}

.sectionlbllist {

line-height: 1.5;

}

.logininput {

line-height: 2;

}

.loginbutton {

line-height: 1.5;

}

.compositlayout {

margin-top:.75em;

text-align:center;

position:absolute;

}

.layoutrow {

line-height: 1.5;

}

.methodslist {

line-height: 1.5;

font-size: 1.5em;

background-color: #000000;

color: #FFFFFF;

border-style:hidden !important;

}

.RadListBox_Default .rlbGroup, .RadListBox_Default .rlbTemplateContainer {

border-style: hidden !important;

}

/*Footer Start*/

.footerleft {

}

.footermiddle {

}

.footerright {

}

PageLayout

answered on 11 Feb 2015

1 answer

102 views

VERY SImple Pivot Grid

I have a table with a schema which looks like:

Name

Field1

Field2

Field3

Field4

Field5

which I want to display as

Name Name Name Name

Field1 field1data field1data field1data field1data

Field2 field2data field2data field2data field2data

Field3 field3data field3data field3data field3data

Field4 field4data field4data field4data field4data

Field5 field5data field5data field5data field5data

etc.

I don't want subtotals, totals, aggregates, filtering, sorting - just the data but try as I might I just can't seem to configure a RadPivotGrid control to give me what I want. How would I go about this or is the RadPivotGrid simply the wrong control to use for such a simplistic task?

Many thanks

Jon White

PivotGrid

answered on 11 Feb 2015

2 answers

537 views

[Solved] Cannot use a leading .. to exit above the top directory

Hello,

we've recently fell into serious trouble regarding RadButton (and maybe some other component).

Few days ago, we updated from 2014.1.403.45 to some more recent version and started to face some exception.

Details from call stack are here:
System.Web.HttpUnhandledException (0x80004005): Exception of type 'System.Web.HttpUnhandledException' was thrown. ---> System.Web.HttpException (0x80004005): Cannot use a leading .. to exit above the top directory. at System.Web.Util.UrlPath.ReduceVirtualPath(String path) at System.Web.Util.UrlPath.Reduce(String path) at System.Web.Util.UrlPath.Combine(String appPath, String basepath, String relative) at System.Web.UI.Control.ResolveClientUrl(String relativeUrl) at Telerik.Web.UI.RadButton.DescribeClientProperties(IScriptDescriptor descriptor)

The page where the problem happens is quite complex so it is quite hard to extract the problem. Shortly, the hierarchy is as following: master page -> page -> ajax panel -> tabstrip -> page view -> button.

As an ajax gets submitted (i.e. ajax panel is sending request), the POST data is very different from previously used version, it may be the source of the problem. I attached the data being sent before an update and after it. Hope that can help you.

We also did some analysis and found following difference. We created custom class inherited from RadButton, overrided affected method DescribeClientProperties, inside put the base method call into try-catch block. In situation when the exception is being raised the NavigateUrl property is different than in previous version as following: previous = ~/TicketMessage/Create/35, current = ../../../TicketMessage/Create/35. When the method DescribeClientProperties gets called with the latter value, an exception is raised.

I also must mention that we incorporate in project Web Forms 4.5.1 with routing enabled - as you can see from sampled url.

Hope that someone can give us some guide. Googling the net did not help us, unfortunately.

Regards.

Button

answered on 11 Feb 2015

12 answers

324 views

AJAX only works once w/ Radcombobox, then freezes box.

I am putting together code to refresh a radcombobox (ddlNWAGroup) w/ ajax after making a selection from a previous radcombobox (ddlGroup). The loading panel displays and the box (ddlNWAGroup) refreshes once, but I am unable to click on the refreshed box. It seems locked or frozen. Is this a known problem or am I missing something?

Here is the ascx code:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ddlGroup">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ddlNWAGroup" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

Groups:

<telerik:RadComboBox ID="ddlGroup" runat="server" Skin="WebBlue"

BorderStyle="Ridge" BorderWidth="1px" Width="300px"

onselectedindexchanged="ddlGroup_SelectedIndexChanged">

<CollapseAnimation duration="200" type="OutQuint" />

</telerik:RadComboBox>

<br />

NWA Groups:

<telerik:RadComboBox ID="ddlNWAGroup" runat="server" Skin="WebBlue"

BorderStyle="Ridge" BorderWidth="1px" Width="300px">

<CollapseAnimation duration="200" type="OutQuint" />

</telerik:RadComboBox>

</telerik:RadCodeBlock>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"

height="75px" width="75px">

<img alt="progress bar" src="/_layouts/IMAGES/HardwareEngineeringProcess/progressbar.gif"

style="width: 200px; height: 20px" />

</telerik:RadAjaxLoadingPanel>

Ajax

answered on 11 Feb 2015

15 answers

317 views

Converting 'click' tooltip to 'normal' tooltip

Hi,

I'm now showing a tooltip by using a single click on an appointment. (see attachment)
I like to show the tooltip as a 'normal' tooltip, so when mouse is on/over the appointment.

How can I do this on the client side.

I'm now using the following piece of code:

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"

CodeFile="Hours.aspx.cs" Inherits="Hours" %>

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

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

<script type="text/javascript">

//Shows whether an Appointment is inserted directly, or the

//the Advanced Insert Form is opened when TreeView node is dropped on the Scheduler.

var directlyInsertAppointment = false;

function hideActiveToolTip() {

var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();

if (tooltip) {

tooltip.hide();

}

function ClientAppointmentClick(sender, args) {

var apt = args.get_appointment();

showTooltip(apt);

}

function showTooltip(apt) {

var attributes = apt.get_attributes();

var tooltip = $find('<%=RadToolTip1.ClientID %>');

tooltip.set_targetControl(apt.get_element());

//// $get("startTime").innerHTML = apt.get_start().format("MM/dd/yyyy HH:mm");

$get("startTime").innerHTML = apt.get_start().format("HH:mm ");

$get("duration").innerHTML = attributes.getAttribute("Duration");

$get("endTime").innerHTML = apt.get_end().format(" HH:mm");

$get("appTitle").innerHTML = apt.get_subject();

$get("projectTitle").innerHTML = attributes.getAttribute("ProjectTitle");

$get("taskTitle").innerHTML = attributes.getAttribute("TaskTitle");

var allowEditDelete = attributes.getAttribute("AllowEditDelete");

if (allowEditDelete == "False") {

$get("closedStatus").innerHTML = "Closed";

}

else {

$get("closedStatus").innerHTML = "";

}

tooltip.set_text($get("contentContainer").innerHTML);

setTimeout(function () {

tooltip.show();

}, 20);

}

function hideTooltip() {

setTimeout(function () {

var activeTooltip = Telerik.Web.UI.RadToolTip.getCurrent();

if (activeTooltip)

{ activeTooltip.hide(); }

}, 50);

}

function nodeDropping(sender, eventArgs) {

var htmlElement = eventArgs.get_htmlElement();

var scheduler = $find('<%= RadScheduler1.ClientID %>');

if (isPartOfSchedulerAppointmentArea(htmlElement)) {

//Gets the TimeSlot where an Appointment is dropped.

var timeSlot = scheduler.get_activeModel().getTimeSlotFromDomElement(htmlElement);

var startTime = timeSlot.get_startTime();

var endTime = new Date(startTime);

//Gets all the data needed for the an Appointment, from the TreeView node.

var node = eventArgs.get_sourceNode();

var text = node.get_text();

var taskID = node.get_value();

//var attributes = node.get_attributes();

var duration = 0;

//endTime.setMinutes(endTime.getMinutes() + parseInt(duration));

var speaker = taskID;

//var parentValue = node.get_parent().get_value();

var category = 0;

//New appointment is created. The start/end time, subject and category are set.

var newAppointment = new Telerik.Web.UI.SchedulerAppointment();

newAppointment.set_start(startTime);

newAppointment.set_end(endTime);

newAppointment.set_subject(text);

//Checks for the user's choice of the method for inserting Appointments.

if (directlyInsertAppointment) {

scheduler.insertAppointment(newAppointment);

}

else {

//If Advanced Form is opened, the information from the TreeVew node is stored in a hidden input.

//var appointmentInfo = { subject: text, duration: duration, speaker: speaker, category: category };

//var appointmentInfoSerialized = Sys.Serialization.JavaScriptSerializer.serialize(appointmentInfo);

$get("<%=HiddenInputAppointmentInfo.ClientID%>").value = taskID; // appointmentInfoSerialized;

scheduler.showInsertFormAt(timeSlot);

}

else {

//The node was dropped elsewhere on the document.

eventArgs.set_cancel(true);

}

function isPartOfSchedulerAppointmentArea(htmlElement) {

// Determines if an HTML element is part of the scheduler appointment area.

// This can be either the rsContent or the rsAllDay div (in day and week view).

return $telerik.$(htmlElement).parents().is("div.rsAllDay") ||

$telerik.$(htmlElement).parents().is("div.rsContent")

}

function AppointmentDoubleClick(sender, args) {

var apt = args.get_appointment();

var attributes = apt.get_attributes();

var allowEditDelete = attributes.getAttribute("AllowEditDelete");

if (allowEditDelete == "True") {

window.location.href = "hoursitem.aspx";

}

function appointmentMoving(sender, args) {

// hideTooltip();

}

</script>

<style type="text/css">

.divRadios

{

margin-bottom: 15px;

}

.background

{

background: url("arrows.png") no-repeat scroll 0 0 transparent;

padding: 115px 0 0 0px;

margin-left: 45px;

}

#RadTreeView1

{

margin-bottom: 15px;

}

.divTree

{

float: left;

width: 20%;

}

.schedulerPositioning

{

width: 80%;

float: left;

display: block;

}

.summaryInfo

{

padding: 0;

margin: 0;

width: 99.9%;

float: left;

border: 1px solid black;

background-color: LightGray;

}

.summaryTextBoxColumn

{

width: 50px;

}

input[readonly]

{

background-color: #F0F0F0 !important;

color: #303030 !important;

}

#RadTextBox

{

readonly: true;

}

</style>

</asp:Content>

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

<script type="text/javascript">

</script>

<div class="summaryInfo">

<table>

<tr>

<td>

Ma

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbMonday" Width="45px" Enabled="false" DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Di

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbTuesday" Width="45px" Enabled="false" DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Wo

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbWednesday" Width="45px" Enabled="false"

DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Do

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbThursday" Width="45px" Enabled="false" DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Vr

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbFriday" Width="45px" Enabled="false" DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Za/Zo

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbSatSunday" Width="45px" Enabled="false"

DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Week

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbWeek" Width="45px" Enabled="false" DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

<td>

Jaar

</td>

<td class="summaryTextBoxColumn">

<telerik:RadTextBox runat="server" ID="tbYear" Width="55px" Enabled="false" DisabledStyle-BorderColor="DarkGray">

</telerik:RadTextBox>

</td>

</tr>

</table>

</div>

<div class="schedulerPositioning">

<telerik:RadScheduler ID="RadScheduler1" runat="server" OnAppointmentInsert="RadScheduler1_AppointmentInsert"

OnAppointmentUpdate="RadScheduler1_AppointmentUpdate" OnAppointmentDelete="RadScheduler1_AppointmentDelete"

OnFormCreating="RadScheduler1_FormCreating" OnAppointmentCancelingEdit="RadScheduler1_AppointmentCancelingEdit"

RowHeight="17" OnNavigationCommand="RadScheduler1_NavigationCommand" OnNavigationComplete="RadScheduler1_NavigationComplete"

MinutesPerRow="15" DayStartTime="06:30:00" DayEndTime="17:30:00" FirstDayOfWeek="Monday"

OnAppointmentClick="RadScheduler1_AppointmentClick" OnAppointmentCommand="RadScheduler1_AppointmentCommand"

OnClientAppointmentClick="ClientAppointmentClick" LastDayOfWeek="Friday" MultiDayView-NumberOfDays="5"

Height="80%" OnClientAppointmentDoubleClick="AppointmentDoubleClick" SelectedView="WeekView"

CustomAttributeNames="TaskTitle, ProjectTitle, Duration, AllowEditDelete" EnableCustomAttributeEditing="false"

OnAppointmentDataBound="RadScheduler1_AppointmentDataBound" MonthView-MinimumRowHeight="9"

MonthView-VisibleAppointmentsPerDay="6" TimelineView-UserSelectable="False">

</telerik:RadScheduler>

<telerik:RadToolTip ID="RadToolTip1" runat="server" RelativeTo="Element" Position="BottomCenter"

AutoCloseDelay="0" ShowEvent="FromCode" Width="250px">

<div id="contentContainer">

<div class="appointment-tooltip">

<b>Titel:</b> <span id="appTitle"></span>

<p>

<b>Tijd:</b> <span id="startTime"></span>-<span id="endTime"> </span>

<br />

<b>Duur: </b><span id="duration"></span>

</p>

<hr />

<b>Project:</b> <span id="projectTitle"></span>

<br />

<b>Taak:</b> <span id="taskTitle"></span>

<br />

<center>

<b><span id="closedStatus" style="color: #FF0000;"></span></b>

</center>

</div>

</telerik:RadToolTip>

<input id="HiddenInputAppointmentInfo" name="HiddenInputAppointmentInfo" type="hidden"

runat="server" />

</div>

<%-- <div id="yourHiddenPanel" style="visibility: visible; background-color: #00FF00;

height: 30px;">

<asp:Button runat="server" Text="gggggg" />

</div>

--%>

<div class="divTree">

<telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop="true" EnableDragAndDropBetweenNodes="False"

Skin="Vista" ShowLineImages="true" OnClientNodeDropping="nodeDropping" Visible="true">

</telerik:RadTreeView>

</div>

<telerik:RadWindowManager runat="server" RestrictionZoneID="offsetElement" ID="RadWindowManager1"

EnableShadow="true" ShowOnTopWhenMaximized="false">

<Windows>

<telerik:RadWindow ID="RadWindowWarning" VisibleOnPageLoad="false" Title="Warning"

runat="server" Modal="true" AutoSize="false" Width="400" Height="160" VisibleTitlebar="true"

VisibleStatusbar="False" Behaviors="None">

<ContentTemplate>

<p style="text-align: center;">

<asp:Label runat="server" ID="labelWarning" Text="Warning text!"></asp:Label>

</p>

<p style="padding: 10px; text-align: center;">

<telerik:RadButton ID="ButtonWindowOK" Text="OK" AutoPostBack="true" runat="server"

OnClick="ButtonWindowOK_Click" />

</p>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

</asp:Content>

Thanks,
Egbert

Scheduler

answered on 11 Feb 2015