Questions on UI for ASP.NET AJAX Forum

110,809 questions

1 answer

141 views

RadSplitter inside a Multipage RadPageView renders blank

I've run into this a few times where I opt to use a RadSplitter to help organize my page instead of <div> tags and when I use it on more than one of the RadPageViews none of them appear?

Here's a basic example of what I am seeing:

Example #1: works fine (2 page views with only 1 having a splitter)
<RadMultipage>
<RadPageView1>
<RadSplitter> RadPanes and markup </RadSplitter>
</RadPageView1>
<RadPageView2>
Regular HTML Markup
</RadPageView2>
</RadMultipage>

Example #2: Both PageViews render as blank white space (2 page views with both having a splitters)
<RadMultipage>
<RadPageView1>
<RadSplitter> RadPanes and markup </RadSplitter>
</RadPageView1>
<RadPageView2>
<RadSplitter> RadPanes and markup </RadSplitter>
</RadPageView2>
</RadMultipage>

Any ideas why this is happening? I hate to say i've gotten lazy but using Splitter controls without actually using splitter bars have become the most efficient way for me to get my markups to consistently fill the height and width 100%.

Yes I have the base CSS setting HTML, Body, and form to 100% for both H and W.
Thanks, Jay

TabStrip

answered on 19 Dec 2011

3 answers

121 views

Changing cell style in NodeDataBound event

Protected Sub RadOrgChart1_NodeDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.OrgChartNodeDataBoundEventArguments) Handles RadOrgChart1.NodeDataBound
        If e.Node.DataItem.IsDeptHead Then
            e.Node.CssClass = "DeptHead" <---------- I want to do something like this or just change the cell's background or border color, is there a way to do so???
        End If
    End Sub

OrgChart

answered on 19 Dec 2011

4 answers

159 views

Export RadGrid

Hi,

I have a radgrid with a template column which contains a XHTML table. I'm trying to display the border when it has been exported and it never shows. I've tried style attributes and border and they don't work.

Can any one help.

Thanks

Grid

answered on 19 Dec 2011

3 answers

437 views

how to set height of radscheduler in timeline view

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

CodeFile"schedulersample" Inherits="schedulersample" %>

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

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

<table style="width: 100%;" id="tblMain">

<tr>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td width="15px">

</td>

<td colspan="3" class="title" width="99%">

<div class="floatL font21">

<asp:Label ID="lblmultiuser" runat="server" Text="Multi user- "></asp:Label>

<asp:Label ID="lblTitle" runat="server" Text=""></asp:Label>

</div>

</td>

</tr>

<tr>

<td>

</td>

<td>

<hr />

</td>

</tr>

<tr>

<td width="15px">

</td>

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

<table>

<tr>

<td>

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

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

<asp:Label ID="lblSelectGroup" runat="server" Text="Select group :"></asp:Label>

</td>

<td class="style1">

<asp:DropDownList ID="ddlGroup" runat="server" Width="150px" OnSelectedIndexChanged="ddlGroup_SelectedIndexChanged"

AutoPostBack="true">

</asp:DropDownList>

</td>

<td>

<div class="buttonEnding" align="center" style="vertical-align: middle;">

<asp:Button runat="server" ID="btnCreateGroup" Text="Create group" OnClick="btnCreateGroup_Click"

CssClass="button"></asp:Button>

</div>

</td>

</tr>

<tr>

<td>

<asp:CheckBox ID="chkWildCard" runat="server" Text="Filter users" OnCheckedChanged="chkWildCard_CheckedChanged"

Checked="false" Visible="true" AutoPostBack="true" />

</td>

<td class="style1">

<asp:DropDownList ID="ddlWildCard" runat="server" Enabled="false" Width="150" AutoPostBack="true">

</asp:DropDownList>

</td>

<td>

<telerik:RadTextBox ID="txtWildCard" runat="server" Enabled="false" Width="100" Skin="Office2007">

</telerik:RadTextBox>

</td>

<td>

<div class="buttonEnding" align="center" style="vertical-align: middle;">

<asp:Button runat="server" ID="btnFilter" Text="Filter users" OnClick="btnFilter_Click"

CssClass="button"></asp:Button>

</div>

</td>

</tr>

<tr>

<td>

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

<asp:Label ID="lblSelectUsers" runat="server" Text="Select users :"></asp:Label>

</td>

<td class="style1">

<telerik:RadComboBox ID="rdcmbxFilter" runat="server" EmptyMessage="- Please select users -"

AutoCompleteSeparator="true" HighlightTemplatedItems="true" AutoPostBack="True"

AllowCustomText="true" DataTextField="FirstName" DataValueField="Id" OnClientDropDownClosing="onDropDownClosing"

OnSelectedIndexChanged="rdcmbxFilter_SelectedIndexChanged" Width="150px">

<Items>

</Items>

<ItemTemplate>

<div onclick="StopPropagation(event)">

<asp:CheckBox runat="server" ID="chkRole" Text='<%#Eval("FirstName")%>' onclick="onCheckBoxClick(this)">

</asp:CheckBox>

</div>

</ItemTemplate>

<CollapseAnimation Duration="200" Type="OutQuint" />

<ExpandAnimation Type="OutQuart" />

</telerik:RadComboBox>

</td>

<td>

<div class="buttonEnding" align="center" style="vertical-align: middle;">

<asp:Button runat="server" ID="btnGetDetails" Text="Get details" CssClass="button">

</asp:Button>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="2">

<table width="100%">

<tr>

<td width="17px">

</td>

<td>

<table>

<tr>

<td valign="top">

<telerik:RadButton ID="rdbtnuser" runat="server" ToolTip="Single User Scheduler"

OnClick="rdbtnuser_Click" Width="18" Icon-PrimaryIconUrl="~/Images/1.png" Icon-PrimaryHoveredIconUrl="~/Images/11.png"

Icon-PrimaryIconWidth="28" Icon-PrimaryIconHeight="21" Icon-PrimaryIconLeft="-1"

Icon-PrimaryIconTop="0">

</telerik:RadButton>

<telerik:RadButton ID="rdbtnMuser" runat="server" ToolTip="Multi User Scheduler"

OnClick="rdbtnMuser_Click" Width="18" Icon-PrimaryIconWidth="28" Icon-PrimaryIconHeight="21"

Icon-PrimaryIconLeft="-1" Icon-PrimaryIconUrl="~/Images/21.png" Icon-PrimaryIconTop="0">

>

</telerik:RadButton>

<telerik:RadButton ID="rdbtnDay" runat="server" ToolTip="Multi User Scheduler Day"

OnClick="rdbtnDay_Click" Width="18" Icon-PrimaryIconWidth="28" Icon-PrimaryIconHeight="21"

Icon-PrimaryIconLeft="-1" Icon-PrimaryIconUrl="~/Images/4.png" Icon-PrimaryHoveredIconUrl="~/Images/41.png"

Icon-PrimaryIconTop="0">

</telerik:RadButton>

<telerik:RadButton ID="rdbtnWeek" runat="server" ToolTip="Multi User Scheduler Week"

OnClick="rdbtnWeek_Click" Width="18" Icon-PrimaryIconWidth="28" Icon-PrimaryIconHeight="21"

Icon-PrimaryIconLeft="-1" Icon-PrimaryIconUrl="~/Images/5.png" Icon-PrimaryHoveredIconUrl="~/Images/51.png"

Icon-PrimaryIconTop="0">

</telerik:RadButton>

<telerik:RadButton ID="rdbtnMonth" runat="server" ToolTip="Multi User Scheduler Month"

OnClick="rdbtnMonth_Click" Width="18" Icon-PrimaryIconWidth="28" Icon-PrimaryIconHeight="21"

Icon-PrimaryIconLeft="-1" Icon-PrimaryIconUrl="~/Images/6.png" Icon-PrimaryHoveredIconUrl="~/Images/61.png"

Icon-PrimaryIconTop="0">

</telerik:RadButton>

<telerik:RadButton ID="rdbtnTimeLine" runat="server" Skin="Office2007" Text="TL"

Visible="false">

</telerik:RadButton>

</td>

<td valign="middle" style="padding-top: 2px;">

<div class="buttonEnding" align="center" style="vertical-align: middle;">

<asp:Button runat="server" ID="rdbtnNewEvent" Text="Create new meeting" OnClick="rdbtnNewEvent_Click"

CssClass="button"></asp:Button>

</div>

</td>

<td>

<asp:CheckBox ID="chkWeekends" runat="server" Text="Show weekends" Visible="false"

AutoPostBack="true" OnCheckedChanged="chkWeekends_CheckedChanged" />

</td>

</tr>

</table>

</td>

<td>

</td>

</tr>

<tr>

<td width="17px">

</td>

<td height="10px">

</td>

<td>

</td>

</tr>

<tr>

<td width="17px">

</td>

<td style="height:100%" colspan="4">

<telerik:RadScheduler runat="server" Height="800px" ID="RdSchMultiUsers" Skin="Office2007" CssClass="rsAllDayCell" GroupBy="Date,FirstName"

StartInsertingInAdvancedForm="true" EnableDescriptionField="false" DataKeyField="ID"

DisplayRecurrenceActionDialogOnMove="true" DataDescriptionField="Description"

DataEndField="End" DataStartField="Start" DataSubjectField="Subject" AllowInsert="true"

OnAppointmentClick="RdSchMultiUsers_AppointmentClick" OnFormCreated="RdSchMultiUsers_FormCreated"

Reminders-Enabled="true" DataReminderField="Reminder" AllowEdit="false" OnResourceHeaderCreated="RdSchMultiUsers_ResourceHeaderCreated"

OnAppointmentDelete="RdSchMultiUsers_AppointmentDelete" MinimumInlineFormHeight="800"

OnNavigationComplete="RdSchMultiUsers_NavigationComplete" OnReminderDismiss="RdSchMultiUsers_ReminderDismiss"

OnReminderSnooze="RdSchMultiUsers_ReminderSnooze" OnAppointmentUpdate="RdSchMultiUsers_AppointmentUpdate" OverflowBehavior="Expand"

OnAppointmentInsert="RdSchMultiUsers_AppointmentInsert" OnAppointmentCreated="RdSchMultiUsers_AppointmentCreated" >

<AdvancedForm Modal="true" />

<MonthView GroupBy="Date,FirstName" />

<Reminders Enabled="True" />

<ResourceTypes>

<telerik:ResourceType KeyField="Id" Name="FirstName" TextField="FirstName" ForeignKeyField="UserID" />

</ResourceTypes>

<TimelineView NumberOfSlots="1" GroupBy="FirstName,Date" GroupingDirection="Vertical"

SortingMode="Global" EnableExactTimeRendering="true" UserSelectable="False">

</TimelineView>

<WeekView UserSelectable="False" />

<DayView UserSelectable="False" />

<MonthView GroupBy="Date,FirstName" UserSelectable="False"></MonthView>

<Reminders Enabled="True"></Reminders>

<ResourceHeaderTemplate>

<table id="rdschHdTable">

<tr>

<td id="tduser" align="left">

<asp:CheckBox runat="server" ID="ChkUser" OnCheckedChanged="ChkUser_CheckedChanged"

AutoPostBack="true" />

</td>

<td align="right">

<asp:Label runat="server" ID="lblUserId" Visible="false"></asp:Label>

</td>

</tr>

</table>

</ResourceHeaderTemplate>

</telerik:RadScheduler>

<telerik:RadToolTipManager Height="0px" runat="server" ID="RadToolTipManager1" Position="MiddleRight"

Width="280px" Animation="none" HideEvent="ManualClose" RelativeTo="Mouse" OnClientHide="OnClientHide"

EnableShadow="false" RenderInPageRoot="false" AnimationDuration="250" OnAjaxUpdate="RadToolTipManager1_AjaxUpdate"

Skin="Web20">

</telerik:RadToolTipManager>

</td>

<td>

</td>

</tr>

</table>

</td>

</tr>

</table>

</asp:Content>

hello,

Recently i have been used radscheduler control . when we are using it for multiuser functionality in timeline view the height of grid is not displaying as in single user view,in multiuserview the sheduler is seemed to be halkf of its height and even we apply any height to it its not responding. is that problem with timeline view, i am sending an image of that ,please post if u have an idea abot this

regrds,
Raj

Scheduler

answered on 19 Dec 2011

4 answers

96 views

[Solved] Conditionally supress the background image in the Black skin

I've got a control based on the RadTextbox.

My control has a IsMandatory property and I'm doing something like this in the control...

protected override void OnPreRender(EventArgs e)

{

base.OnPreRender(e);

if (isMandatory)

{

RadTextBox1.EnabledStyle.BackColor = System.Drawing.Color.Pink;

}

This works a treat.

Except when the skin is Black. The black skin renders an image in the background of the textbox.

I need to supress this when my input control has IsMandatory = true

--
Stuart

Input

answered on 19 Dec 2011

1 answer

193 views

getDataKeyValue for Parent Grid

In JavaScript, if I have a handler for the double click event of a row (for example), and that event fires on a row in a detail table, how would I access the client data key of the parent row? So something like this:

function RowDoubleClick(sender, eventArgs) {

var tableName = eventArgs.get_tableView().get_name();

if (tableName == "Master") {

var masterRowId = eventArgs.getDataKeyValue("Id");

}

else {

var detailRowId = eventArgs.getDataKeyValue("Id");

var parentRowId = // This needs to be the key associated with the detail table from the parent table.

}

Grid

answered on 19 Dec 2011

1 answer

162 views

[Solved] Telerik.WebControls

Hi,

I have a scenario where I need to write a code behind for Radbutton clicks placed in a radgrid for inserting and updating data...

please let me know if you have any samples on this.i have the below link which is not at all working for me...

i have Telerik.Web.UI.dll..

I am getting error for not having telerik.webcontrols dll..

Please advise..

thanks

http://www.telerik.com/community/forums/aspnet-ajax/general-discussions/insert-update-server-side.aspx#1918160

General Discussions

answered on 19 Dec 2011

1 answer

56 views

Width in Firefox 8

Hi

I am having a nightmare with a combobox width in Firefox (all versions) but not in IE7/8/9, Chrome, or Opera.
Attached are 2 images showing the problems, here is the code:

@ Control Language="C#" AutoEventWireup="true" CodeBehind="TelerikTradeSelectionControl.ascx.cs" Inherits="GalileoAdmin.Resources.Controls.Tradesman.TelerikTradeSelectionControl" %>

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

--<telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="all" Skin="Web20"></telerik:RadFormDecorator>--%>

asp:UpdatePanel ID="pnlUpdate" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">

<span class="redtext">*</span> Your MAIN trade</label>

 </div>

<telerik:RadComboBox ID="cmbMainTrade" Width="242px" runat="server" Filter="Contains" Skin="WebBlue" AutoPostBack="True" CssClass="qqdd"

OnSelectedIndexChanged="cmbMainTrade_SelectedIndexChanged" DropDownWidth="242px" style="padding-bottom:7px;" >

</telerik:RadComboBox>

</div>

Additional trade (if needed)

</label>

 </div>

<telerik:RadComboBox ID="cmbSecondaryTrade" Width="242px" AllowCustomText="true" EmptyMessage="Select a Trade" runat="server"

Filter="Contains" Skin="WebBlue" AutoPostBack="True" OnSelectedIndexChanged="cmbSecondaryTrade_SelectedIndexChanged">

</telerik:RadComboBox>

</ContentTemplate>

asp:UpdatePanel>
and

private void BindPrimaryTradeSelection()

{

//bind the combobox

cmbMainTrade.DataSource = GetTrades(

true);

cmbMainTrade.DataTextField =

"Name";

cmbMainTrade.DataValueField =

"Name";

cmbMainTrade.DataBind();

if (cmbMainTrade.Text == String.Empty)

{

RadComboBoxItem item = new RadComboBoxItem();

item.Text =

"Click to select a trade";

item.Value =

"";

item.Selected =

true;

item.Enabled =

false;

item.Visible =

false;

cmbMainTrade.Items.Add(item);

}

private void BindSecondaryTradeSelection()

{

//bind the combo box

cmbSecondaryTrade.DataSource = GetTrades(

false);

cmbSecondaryTrade.DataTextField =

"Name";

cmbSecondaryTrade.DataValueField =

"Name";

cmbSecondaryTrade.DataBind();

if (cmbSecondaryTrade.Text == String.Empty)

{

RadComboBoxItem item = new RadComboBoxItem();

item.Text =

"Click to select a trade";

item.Value =

"";

item.Selected =

true;

item.Enabled =

false;

item.Visible =

false;

cmbSecondaryTrade.Items.Add(item);

}

The other dropdowns on the page are standard HTML dropdowns.
Please point me in the right direction
Thanks
Dave

ComboBox

answered on 19 Dec 2011

1 answer

401 views

Open a RadWindow in an async postback?

Not sure what I'm doing wrong. I have an operation (initiated from a GridButtonItem click) that occurs inside an async postback. Depending on the results of the operation I need to update image and label controls hosted in a RadWindow, display the RadWindow, wait for the user to click a button, determine the button that was clicked and continue with the operation.

For the life of me I can't get the RadWindow to open with generating an exception. I've stripped out the RadGrid and simplified the code to try to find the problem but alas, no joy.

My aspx looks like this:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ZZRadWindow.aspx.cs" Inherits="SitefinityWebApp.ZZRadWindow" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<script>

function OpenWindow()

{

var wndMgr = GetRadWindowManager();

wndMgr.open("", "ConfirmPlaybackWindow");

return false;

}

</script>

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

<div>

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

<asp:UpdatePanel ID="WindowUpdatePnl" runat="server">

<ContentTemplate>

<asp:Label ID="msgLbl" runat="server" />

<telerik:RadWindowManager ID="RadWindowManager1" ShowContentDuringLoad="false" VisibleStatusbar="false" ReloadOnShow="true" runat="server" Skin="Forest" EnableShadow="true" Font-Bold="False" Modal="True">

<Windows>

<telerik:RadWindow ID="ConfirmPlaybackWindow" runat="server" DestroyOnClose="False" Skin="Forest" Modal="True">

<ContentTemplate>

<div class="confirmationDlgWrp">

<div class="alertWrp">

<asp:Image ID="AlertImg" runat="server" CssClass="dlgIcon" />

<asp:Label ID="AlertLbl" runat="server" CssClass="dlgLabel" Text="Hello World" />

</div>

<div class="confirmationDlgBtnWrp">

<asp:Button ID="YesBtn" runat="server" CssClass="dlgYesBtn" Text="Yes" />

<asp:Button ID="NoBtn" runat="server" CssClass="dlgNoBtn" Text="No" />

</div>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<asp:Button ID="PostBackButton" runat="server" Text="Do Postback" />

</ContentTemplate>

</asp:UpdatePanel>

<p />

<asp:Button ID="Button1" runat="server" OnClientClick="return OpenWindow()" Text="Open RadWindow" />

</div>

</form>

</body>

</html>

And my codebehind looks like this:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace SitefinityWebApp

{

public partial class ZZRadWindow : System.Web.UI.Page

{

private static int PostBackCount = 0;

protected void Page_Load(object sender, EventArgs e)

{

if (IsPostBack)

{

msgLbl.Text = string.Format("{0}<p/>PostBackCount: {1}", msgLbl.Text, ++PostBackCount);

string script2 = "<script type=\"text/javascript\">OpenWindow();</script>";

ScriptManager.RegisterStartupScript(WindowUpdatePnl, typeof(string), "OpenWindow", script2, false);

}

Clicking the button located outside the UpdatePanel result in the RadWindow displaying without error. Clicking the postback button located inside the UpdatePanel results in the following exception:

Microsoft JScript runtime error: Sys.InvalidOperationException: Can't be called after dispose

Any idea what I'm doing wrong here?

Thanks -- Steve

Window

answered on 19 Dec 2011

8 answers

273 views

Getting frustrated - 2 errors that keep popping up!

Alright...every time I drag an "old" telerik control that uses version 2009.3.1314.20 of the .dll, it overwrites the newer version of 2009.3.1314.35. As a result, it gives me the following error:

"Could not load file or assembly "Telerik.Web.UI, Version=2009.3.1314.35...or one of its dependencies. The located assembly's manifest definition does not match the assembly reference. (Exception from HRESULT: 0x80131040)"

I have tried for two days to figure out how to fix this, or to stop this incessant overwriting, but I have been unable to do so. Worse still, I am now at least 2 days behind on my project, and my supervisors are wondering if we shouldn't just go back to the 'old' tools we had instead of using Telerik, because this looks like (at least, it does to them) that Telerik has some serious stability issues to address. I can't say I disagree....

The second problem is an error that says:

"Cannot create an object of type 'System.String[]' from its string representation 'KeyField' for the 'DataKeyNames' property."

This error is especially infuriating because I have the EXACT SAME CODE on another page....and it WORKS! I have no idea what the problem is, or how to fix this. Attached is a screenshot (cropped) of the errors in question. I really need some help here before I throw my monitor out the nearest window!

General Discussions

answered on 19 Dec 2011

Top users last month