Questions on UI for ASP.NET AJAX Forum

3 answers

152 views

Multiple RadWindows Opening at Server Side

Hi,
I have One Treeview controle and one radwindow manger.
Treeview is binding on pageload dynamically. when i am clicking on first node of treeview it should show window. If am selecting another node it should display another window in window manager object. So finally if i select 5 nodes 5 windows should display but it's displaying only one winodw. Please provide the solution for this.

protected void rdTreeNodes_NodeClick(object sender, RadTreeNodeEventArgs e)

{

string strNodeName= e.Node.Text;

RadWindow strNode = new RadWindow();

strNode.ID = strNodeName;

strNode.RestrictionZoneID = divZone.ID;

strNode.Top =

Unit.Pixel(30);

strNode.NavigateUrl =

"http://mysite/mypage.aspx";

strNode.VisibleOnPageLoad =

true;

RadWindowManager1.Windows.Add(strNode);

}

Thanks in advance..
by
Tanuja Ramesh

Window

answered on 25 Jan 2012

1 answer

304 views

Show HTML count

So I'm trying to get the editor to show the HTML character count - much like the word and character count that is currently viewable by default on the editor. I've tried the directions from forum: http://www.telerik.com/community/forums/aspnet/editor/radeditor-statistics-word-count.aspx and it doesn't seem to give me the desired results.

Currently in my tools file I'm using the code below to show the character and word count, but what about HTML character count. I'm thinking this should be available to the users.

<modules >

<module name="RadEditorStatistics" Enabled="true" Visible="true" />

</modules>

The editor works well by default with limiting characters, I'm using properties MaxTextLength="4000" and MaxHtmlLength="5000" currently and I do get the alert when the content goes over either limits.

Thanks.

Editor

answered on 25 Jan 2012

1 answer

97 views

Rotator not loading forced changes

I have a web page that contains three (3) rotators. I am manually syncing the movement of the rotators 1 and 2, and have rotator 3 on a different schedule.

I also have 4 small graphical images below the main photo area where the user can select the desired photo by clicking on the desired "dot" and then the scrolling will continue again after that "manual set".

All of this is working well when rotators 1 and 2 are driven from the same XMLDataSource. However, when rotators 1 and 2 are driven from a SqlDataSource, then the "manual set" is not working correctly. In this instance (when using a SqlDataSource), let's say that rotators 1/2 are on the third position (index = 2) and the user clicks on the first "dot" to select index 0. Rotator 2 will immediately show the correct text, but Rotator 1 will show empty white space UNTIL the next time for the rotators to auto rotate. Once the auto rotate begins again, everything works fine until the user clicks on a different "dot". Then the main rotator 1 shows white space again until the next auto.

Again, this ONLY happens when a SqlDataSource is used. When an XMLDataSource is used, the "manual set" works perfectly (as does the rest of the process).

I have attached two screen captures -- #1 is normal, #2 shows the white space.

I have also included the entire .aspx source code below. Please note that the code below includes the XMLDataSource for rotator #1 and the SqlDataSource for rotator #2. This combination also works exactly correct.

Thanks in advance for any help you can give me.

Lynn

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="THDiRotator.ascx.cs" Inherits="THDiRotator" %>

<link href="THDiRotatorStyles.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

function OnClientItemShowing(sender, eventArgs) {

var maxslides = 3;

var testslides = maxslides - 1;

var idx = eventArgs.get_item().get_index();

if (idx > testslides) {

idx = 0;

}

else {

idx = idx + 1;

}

var oRotator = $find("<%= rotator2.ClientID %>");

if (oRotator) oRotator.set_currentItemIndex(idx);

selectImg(idx);

}

function selectPhoto(idx) {

var aRotator = $find("<%= rotator1.ClientID %>");

aRotator.set_currentItemIndex(idx);

//var bRotator = $find("<%= rotator2.ClientID %>");

//bRotator.set_currentItemIndex(idx);

selectImg(idx);

}

function selectImg(idx) {

var img0 = document.getElementById('<%=Image0.ClientID%>');

var img1 = document.getElementById('<%=Image1.ClientID%>');

var img2 = document.getElementById('<%=Image2.ClientID%>');

var img3 = document.getElementById('<%=Image3.ClientID%>');

if (idx == 0) {

img0.src = 'selected.png';

}

else {

img0.src = 'unselected.png';

}

if (idx == 1) {

img1.src = 'selected.png';

}

else {

img1.src = 'unselected.png';

}

if (idx == 2) {

img2.src = 'selected.png';

}

else {

img2.src = 'unselected.png';

}

if (idx == 3) {

img3.src = 'selected.png';

}

else {

img3.src = 'unselected.png';

}

</script>

<style type="text/css">

.seld

{

background-image: selected.png;

}

.unseld

{

background-image: unselected.png;

}

</style>

<div>

<div style=

"position: absolute; margin-left: 20px; margin-top: 20px; height: 398px; width: 955px; border: 1px solid #c0c0c0; background-color: #ffffff; box-shadow: rgb(100,100,100) 5px 5px 5px;"

>

<telerik:RadRotator runat="server" DataSourceID="xmlDataSource1" ID="rotator1" style="z-index: 3; position: relative; left: 15px; top: 15px; "

ScrollDirection="Left" SlideShowAnimation-Type="CrossFade" SlideShowAnimation-Duration="2000" RotatorType="SlideShow" OnClientItemShowing="OnClientItemShowing"

FrameDuration="6000" Width="955px" ItemWidth="955px" Height="398px" ItemHeight="398px">

<ItemTemplate>

<div class="itemTemplate">

<img src="<%# XPath("Image") %>" alt="<%# XPath("Title") %>" style="border: 0px;" />

</div>

</ItemTemplate>

</telerik:RadRotator>

<!--==============================    small text rotator in lower left portion    =================================-->

<div class="xscrollContainer" style="z-index: 5; ">

<telerik:RadRotator runat="server" DataSourceID="SqlDataSource3" ID="rotator2" ScrollDirection="Left"

SlideShowAnimation-Type="Fade" RotatorType="FromCode"

FrameDuration="0" Width="650px" ItemWidth="650px" Height="30px" ItemHeight="30px">

<ItemTemplate>

<div class="itemTemplate">

<%# Eval("SelectedField")%>

</div>

</ItemTemplate>

</telerik:RadRotator>

</div>

<div class="xtestimonialText">

<telerik:RadRotator ID="rotator3" runat="server" DataSourceID="SqlDataSource4" SlideShowAnimation-Type="Fade"

ScrollDuration="10000" FrameDuration="10000" RotatorType="SlideShow" ScrollDirection="Left" Height="200px"

EnableEmbeddedSkins="false" Width="210px" >

<ItemTemplate>

<div style="width: 210px; height: 200px; vertical-align: middle; ">

<%# Eval("SelectedField")%>

</div>

</ItemTemplate>

</telerik:RadRotator>

</div>

<br />

<div style="width: 955px; text-align: center;">

<asp:HyperLink ID="HyperLink1" runat="server" onclick="selectPhoto(0);return false;" ><asp:Image ID="Image0" ImageUrl="selected.png" runat="server" /></asp:HyperLink>

<asp:HyperLink ID="HyperLink2" runat="server" onclick="selectPhoto(1);return false;" ><asp:Image ID="Image1" ImageUrl="unselected.png" runat="server" /></asp:HyperLink>

<asp:HyperLink ID="HyperLink3" runat="server" onclick="selectPhoto(2);return false;" ><asp:Image ID="Image2" ImageUrl="unselected.png" runat="server" /></asp:HyperLink>

<asp:HyperLink ID="HyperLink4" runat="server" onclick="selectPhoto(3);return false;" ><asp:Image ID="Image3" ImageUrl="unselected.png" runat="server" /></asp:HyperLink>

</div>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"></asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource2" runat="server"></asp:SqlDataSource>

<asp:XmlDataSource ID="xmlDataSource1" runat="server" DataFile="photos.xml"></asp:XmlDataSource>

<asp:SqlDataSource ID="SqlDataSource3" runat="server"

ConnectionString="<%$ ConnectionStrings:HomesOnlineNetwork100ConnectionString %>"

SelectCommand="Scroller_SmallText" SelectCommandType="StoredProcedure" OnSelecting="SqlDataSource3_Selecting">

<SelectParameters>

<asp:Parameter DefaultValue="TextSortLang001" Name="FieldName" Type="String" />

<asp:Parameter DefaultValue="Scroller" Name="Type" Type="String" />

<asp:Parameter DefaultValue="HPPhotos" Name="ClassName" Type="String" />

</SelectParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource4" runat="server"

ConnectionString="<%$ ConnectionStrings:HomesOnlineNetwork100ConnectionString %>"

SelectCommand="Scroller_SmallText" SelectCommandType="StoredProcedure" OnSelecting="SqlDataSource4_Selecting">

<SelectParameters>

<asp:Parameter DefaultValue="TextSortLang001" Name="FieldName" Type="String" />

<asp:Parameter DefaultValue="Scroller" Name="Type" Type="String" />

<asp:Parameter DefaultValue="HPLargeTextScroller" Name="ClassName" Type="String" />

</SelectParameters>

</asp:SqlDataSource>

</div>

Rotator

answered on 25 Jan 2012

2 answers

130 views

Grid width stays 100%

I'd like my grid to be as wide as the columns that it is displaying but no matter what I do it seems to always take up the entire width of the screen.
I have not specified a grid width (so there is no "width = 100%" anywhere).
I have specified column widths in my <headerstyle width="40px"/> tags for all my columns.
The sum of the widths of the 6-8 columns I have is nowhere near as wide as the screen but every time I load the page, the grid expands to fill it.
I have tried changing the table layout to "fixed" with no change in this behavior.
The only other oddity that I have is that there are several extra columns that I have defined but are set to visible = false.
I don't want to set a hard pixel width for the grid if I don't have to; I would like it to simply be as wide as the sum of it's fixed column widths.
Any idea what I'm not seeing/doing here?

Mike

Grid

answered on 25 Jan 2012

8 answers

246 views

Issue with RadEditor ContentAreaCssFile

We are trying to specify a custom css file for the content area of the RadEditor by setting the radEditor.ContentAreaCssFile property.

This causes it to load the appropriate css file into the editor as expected.

However, it also loads the css files from the parent pages and it loads them after the ContentAreaCssFile stylesheet file, which means that the ContentAreaCssFile's styles get overridden by the parent page's styles.

The resulting Head area looks like this:

<head>

</head>

According to the documentation for the RadEditor found here:

http://www.telerik.com/help/aspnet-ajax/editor-content-area-appearance-problems.html

... we should be able to fix this by setting the CssFiles property to load only the stylesheets we want.

However, the editor appears to be ignoring this setting. We've tried setting it in markup and programmatically. Neither worked. It still loads the stylesheets for the parent pages.

We're using version 2009.2.701.20 of the Telerik.Web.UI.dll

Editor

answered on 25 Jan 2012

3 answers

101 views

How can I add custom columns in a detail table based on the parent row?

Hi All,

So I have a grid that I define programmatically and then add to the page via a PlaceHolder control. I set up the data for the view in "DefineGridStructure" stolen liberally from the Telerik example so I have the base structure for the MasterTableView and the detail TableViews which works well. Where I run into trouble is that during the DetailTableDataBind. Depending on the parent row I may add some row specific columns to the detail table that may only exist for that parent row. Basically the grid has groups of people with the Top level having a group comparison so all the columns are the same, The 2nd level has the people which are all part of the group from the parent row, but now may have some columns that are specific to that group. So what I end up with is something like this:

· Group Name 1 | Column A | Column B | Column C

Person 1 | Column A | Column B | Column C | Column D
Person 2 | Column A | Column B | Column C | Column D

· Group Name 2 | Column A | Column B | Column C

Person 3 | Column A | Column B | Column C | Column E | Column D
Person 4 | Column A | Column B | Column C | Column E | Column D

Right now it works great on the initial load but during any postback/callback it removes all the custom columns, which makes sense since I don't define them in the "DefineGrideStructure". With all that said is there a way to override the columns of a detail table for a specific parent row in say like the prerender or a similar event? And is there an example online for this?

Thanks in advance for any pointers

Sean

Grid

answered on 25 Jan 2012

1 answer

120 views

Set raddock height dynamically

Hi all,
I'm using raddocks in my application.
Everythinng working fine.
I'm loading the custom controls which contain radgrid in raddock.
My problem is suppose if I have 10 records in radgrid I need to set the height of the docks to exactly for fitting 10 records.
I'm able to do it for the first time of creating dock.
Grid will get refresh for every 15 secs for example.
After refresh dock will be created from state,at the point of time also I'm also I'm trying to set the dock height ,but its not taking.
How to get rid of this problem, Please help me asap. Its urgent.
Here is my code.

private RadDock CreateRadDock(int i)

{

RadDock dock = new RadDock();

dock.DockMode = DockMode.Docked;

dock.EnableAnimation = true;

dock.EnableRoundedCorners = true;

dock.EnableEmbeddedSkins = true;

dock.TitlebarContainer.BorderColor = System.Drawing.ColorTranslator.FromHtml("#548264");

dock.TitlebarContainer.HorizontalAlign = HorizontalAlign.Left;

dock.Resizable = true;

dock.UniqueName = Guid.NewGuid().ToString();

dock.ID = string.Format("RadDock{0}", dock.UniqueName);

switch (i)

{

case 1:

dock.ID = "1";

dock.Tag = "1";

break;

case 2:

dock.ID = "2";

dock.Tag = "2";

break;

case 3:

dock.ID = "3";

dock.Tag = "3";

break;

case 4:

dock.ID = "4";

dock.Tag = "4";

break;

case 5:

dock.ID = "5";

dock.Tag = "5";

break;

case 6:

dock.ID = "6";

dock.Tag = "6";

break;

}

dock.Width = Unit.Pixel(460);

//assign client-side event handler

dock.OnClientInitialize = "Dock_OnClientInitialize";

DockCloseCommand closeCommand = new DockCloseCommand();

closeCommand.AutoPostBack = true;

DockExpandCollapseCommand expandCommand = new DockExpandCollapseCommand();

dock.OnClientCommand = "ClientCommand";

DockToggleCommand maximizeCommand = new DockToggleCommand();

maximizeCommand.Name = "Maximize";

maximizeCommand.Text = "Maximize";

maximizeCommand.OnClientCommand = "Dock_OnMaximizeCommand";

maximizeCommand.AlternateText = "Restore";

maximizeCommand.CssClass = "max";

maximizeCommand.AlternateCssClass = "min";

dock.OnClientResizeEnd = "OnresizeEnd";

dock.ContentContainer.Style.Add(HtmlTextWriterStyle.OverflowX, "hidden");

dock.Skin = "Outlook";

setDockName();

switch (dock.ID)

{

case "1":

Control widget = LoadControl("~/DashBoard/Controls/AlarmSummaryCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock1_Command);

dock.ContentContainer.Controls.Add(widget);

dock.Title = "Alarm Summary";

dock.Height = Unit.Pixel(getAlrmDockHeight());

break;

case "2":

widget = LoadControl("~/DashBoard/Controls/ActiveCallsCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock2_Command);

dock.Title = "Active Calls";

dock.ContentContainer.Controls.Add(widget);

dock.Height = Unit.Pixel(165);

break;

case "3":

widget = LoadControl("~/DashBoard/Controls/PendingCallsCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock3_Command);

dock.Title = "Pending Calls";

dock.ContentContainer.Controls.Add(widget);

dock.Height = Unit.Pixel(165);

break;

case "4":

widget = LoadControl("~/DashBoard/Controls/CallActivityForConsoleCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock4_Command);

dock.Title = consleDocTitle;

dock.ContentContainer.Controls.Add(widget);

dock.Height = Unit.Pixel(165);

break;

case "5":

widget = LoadControl("~/DashBoard/Controls/CallActivityForDispatchrCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock5_Command);

dock.Title = disptrDocTitle;

dock.ContentContainer.Controls.Add(widget);

dock.Height = Unit.Pixel(165);

break;

case "6":

widget = LoadControl("~/DashBoard/Controls/CallActivityForEndPntCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock6_Command);

dock.Title = endPntDocTitle;

dock.ContentContainer.Controls.Add(widget);

dock.Height = Unit.Pixel(165);

break;

}

dock.OnClientDockPositionChanged = "dockPositionChanged";

dock.Commands.Add(closeCommand);

dock.Commands.Add(maximizeCommand);

dock.Commands.Add(expandCommand);

return dock;

}

Creating dock from state:

private RadDock CreateRadDockFromState(DockState state)

{

RadDock dock = new RadDock();

dock.EnableAnimation = true;

dock.DockMode = DockMode.Docked;

dock.EnableRoundedCorners = true;

dock.EnableEmbeddedSkins = true;

dock.TitlebarContainer.BorderColor = System.Drawing.ColorTranslator.FromHtml("#548264");

dock.UniqueName = state.UniqueName;

dock.ID = string.Format("RadDock{0}", state.UniqueName);

dock.ApplyState(state);

dock.Resizable = true;

dock.Skin = "Outlook";

DockCloseCommand closeCommand = new DockCloseCommand();

closeCommand.AutoPostBack = true;

DockExpandCollapseCommand expandCommand = new DockExpandCollapseCommand();

expandCommand.AutoPostBack = false;

DockToggleCommand maximizeCommand = new DockToggleCommand();

maximizeCommand.Name = "Maximize";

maximizeCommand.Text = "Maximize";

maximizeCommand.OnClientCommand = "Dock_OnMaximizeCommand";

maximizeCommand.AlternateText = "Restore";

maximizeCommand.CssClass = "max";

maximizeCommand.AlternateCssClass = "min";

//assign client-side event handler

dock.OnClientInitialize = "Dock_OnClientInitialize";

dock.OnClientCommand = "ClientCommand";

dock.ContentContainer.Style.Add(HtmlTextWriterStyle.OverflowX, "hidden");

dock.TitlebarContainer.HorizontalAlign = HorizontalAlign.Left;

dock.OnClientResizeEnd="OnresizeEnd";

setDockName();

dock.ApplyState(state);

switch (state.Tag)

{

case "1":

Control widget = LoadControl("Controls/AlarmSummaryCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock1_Command);

dock.ID = "1";

dock.Title = "Alarm Summary";

dock.ContentContainer.Controls.Add(widget);

dock.Height = Unit.Pixel(getAlrmDockHeight());

state.Height = Unit.Pixel(getAlrmDockHeight());

break;

case "2":

widget = LoadControl("Controls/ActiveCallsCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock2_Command);

dock.ID = "2";

dock.Title = "Active Calls";

dock.ContentContainer.Controls.Add(widget);

break;

case "3":

widget = LoadControl("Controls/PendingCallsCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock3_Command);

dock.ID = "3";

dock.Title = "Pending Calls";

dock.ContentContainer.Controls.Add(widget);

break;

case "4":

widget = LoadControl("Controls/CallActivityForConsoleCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock4_Command);

dock.ID = "4";

dock.Title = consleDocTitle;

dock.ContentContainer.Controls.Add(widget);

break;

case "5":

widget = LoadControl("Controls/CallActivityForDispatchrCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock5_Command);

dock.ID = "5";

dock.Title = disptrDocTitle;

dock.ContentContainer.Controls.Add(widget);

break;

case "6":

widget = LoadControl("Controls/CallActivityForEndPntCtrl.ascx");

dock.Command += new DockCommandEventHandler(this.Dock6_Command);

dock.ID = "6";

dock.Title = endPntDocTitle;

dock.ContentContainer.Controls.Add(widget);

break;

}

dock.OnClientDockPositionChanged = "dockPositionChanged";

dock.Commands.Add(closeCommand);

dock.Commands.Add(maximizeCommand);

dock.Commands.Add(expandCommand);

return dock;

}

getAlrmDockHeight() return height.
Pls help me asap.

Dock

answered on 25 Jan 2012

3 answers

131 views

DatePicker and Javascript

Greetings,

I need to get the selected date of a RadDateTimePicker within a JS function.

I already tried to get a reply by searching on this board.
What i have so far is this :

var picker = $find("<%= StartDate.ClientID %>");

Then i need to pass this variable by url like this ( first one works perfectly )
Problem : it just displays : [OBJECT][OBJECT] instead of the selectedDate when i get to this aspx page.

window.open("FrequencyByUser.aspx?id=" + this.id + "&Start=" + picker, "fenetre_popup", "toolbar=no,location=no,directories=no,status=no,menubar=no,resizable=no,scrollbars=no,width=800,height=350"); ;

Thanks a lot for your help

Calendar

answered on 25 Jan 2012

1 answer

79 views

show own node when no records available

Hello,

I fill a treeview with a ObjectDataSource object. It may be that the ObjectDataSource object does not return a record supplies. Should this be the case, then, a node can be displayed. How can I realize something like that?

<telerik:RadTreeView ID="RadTreeView1" Runat="server" DataFieldID="LayoutID"

DataFieldParentID="ParentID" DataSourceID="ObjectDataSource1"

DataTextField="LayoutName" DataValueField="LayoutArt"

onnodedatabound="RadTreeView1_NodeDataBound"

Width="100%" oncontextmenuitemclick="RadTreeView1_ContextMenuItemClick">

Hope you can understand me.

No record from DataSource - own node to be displayed
Records available from DataSource - no separate node

Best regards
Reiner

TreeView

answered on 25 Jan 2012

1 answer

60 views

Advanced Form -- Calendar population

The issue that I am seeing is when I add another calendar to my scheduler, it does not populate in the advanced form calendar drop down until a total refresh (cntrl + f5) is done on the page. I can see the resources getting returned when doing a postback refresh from the getResources javascript call. Is there a way to ensure the edit drop down is refreshed upon a partial post back? My server side code for the post back is below (The code is not totally optimized yet, as I am just trying to figure out why this is happening).

<telerik:RadScheduler runat="server" ID="rsMySchedule" SelectedView="DayView"

FirstDayOfWeek="Sunday" LastDayOfWeek="Saturday" Reminders-Enabled="false"

Skin="Windows7"

MonthView-VisibleAppointmentsPerDay="10"

StartEditingInAdvancedForm="false"

ShowAllDayRow="true"

EnableDescriptionField="true"

AppointmentStyleMode="Default"

EnableExactTimeRendering="true"

OverflowBehavior="Expand"

OnClientAppointmentDataBound="rsMySchedule_appointmentsDataBound"

OnClientResourcesPopulating="rsMySchedule_resourcePopulating"