Questions on UI for ASP.NET AJAX Forum

3 answers

243 views

Index was out of range. ... error on TreeView after attempting to expand a second node on demand...

We are using a RAD treeView in our application that was built couple of years ago and curently we are trying to convert to Prometheus. It expands its nodes on demand (client-side). The first expansion works like a charm, but the expansion of a second node (child or peer to the first one, it does not matter) gives me this alert message:
"Index was out of range. Must be non-negative and less than..."

Also I noticed that the second call never reaches the server-side event handler - the same one that worked fine while building the expansion of the first node.

Any ideas hos to overcome this?

TreeView

answered on 22 Feb 2008

5 answers

188 views

Input Style position problem

I used to have an Telerik Prometheius Input in my page

    
            <div id="home">  
        
                <div id="header">  
        
                    <div id="logo"><dnn:logo runat="server" id="dnnLOGO" /></div>  
        
                    <div id="search">  
        
            <telerik:RadTextBox ID="SearchBox" EnableViewState="true" MaxLength="255" Width="175px" Columns="20" TextMode="SingleLine" AutoCompleteType="Search" CssClass="NormalTextBox" EmptyMessage="Enter text" AutoPostBack="true" runat="server" OnTextChanged="SearchBox_TextChanged" EnableEmbeddedBaseStylesheet="true" EnableEmbeddedSkins="false">  
        
                <ClientEvents OnValueChanged="ValueChanged" /> 
        
            </telerik:RadTextBox> 
        
            <asp:ImageButton ID="imgBtnSearch" CssClass="SkinObject" BorderWidth="0" ImageAlign="Top" AlternateText="Click to search" runat="server" ImageUrl="~/images/btnSearch2.gif" /> 
        
                    </div> 
        
                </div> 
        
            </div>

and have the following style sheet

    
            #home #header{background:url(top_bg.gif) #155698;position:relative;height:80px;overflow:hidden;}  
        
            #home #logo{width:242px;height:44px;position:absolute;top:0;left:-33px;}  
        
            #home #search{position:absolute;right:0px;bottom:0px;font-size:1px;}  
        
            #home #search .NormalTextBox{width:120px;background:#D1EAFA;border-color:#0B3D6F rgb(21, 86, 152) rgb(21, 86, 152) rgb(11, 61, 111);border-style:solid;border-width:1px;font-size:14px;height:24px;margin:4px 0pt 0pt;padding:4px;width:12em;}

With the Prometheus version 2007.03.1218, it works for Telerik TextBox to be positioned to the right of the page.

With the Prometheus version 2007.03.1314, it doesn't work anymore. The Telerik Textbox now goes to the left of the page. Style sheet #search "right" attribute doesn't work in this version with value=0px. When I put in a "left" attribute with some value, it works. However I really need "right" to be working to make my header looks good. Please let me know if there is any bug.

Chris

Input

answered on 22 Feb 2008

1 answer

73 views

ContextMenu and Appt Creation

Has anyone been able to combine RadMenu and RadScheduler to be able to right click on a day and pop a RadMenu that allows the user to choose what type of appt they would like to create? Is this even possible to combine ContextMenu with the control?

Otherwise could a toolbar be created above that would create appts based on an external button or something outside of RadScheduler. I'm thinking of how I could avoid the advanced form to create appt types preloaded with resource and attribute values.

Thanks in advance.
Doug

Scheduler

answered on 22 Feb 2008

2 answers

128 views

[Solved] Prevent text from wrapping in the grid

Does anyone know how to prevent text from wrapping in the grid? I have statically sized all column widths, and I'd like to keep the text in this width, perhaps showing a ... if there is overflow.

Thanks!

Grid

answered on 21 Feb 2008

1 answer

177 views

RadComboBox in ASP.NEt GridView

Is it possible to select the default value of a RadComboBox placed inside a GridView? It would be similar to this but not using the RadGrid control.

http://www.telerik.com/DEMOS/ASPNET/Prometheus/ComboBox/Examples/Functionality/ComboInGrid/DefaultCS.aspx

When I try using the above example, I get a 'Selection out of range' error.

Thanks,
Tim

ComboBox

answered on 21 Feb 2008

2 answers

113 views

RadSplitter XHTML Invalid

I have a basic form set up (see below) which uses the RadSplitter, however the source code it produces fails the XHTML validation service on http://validator.w3.org/check.

Will this be resolved soon?
Thanks.

<%

@ Page Language="VB" %>

<!

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

<

script runat="server">

</

script>

<

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

<

head runat="server">

<title>Untitled Page</title>

</

head>

<

body>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div>

<telerik:RadSplitter ID="RadSplitter1" runat="server">

<telerik:RadPane ID="RadPainTop" runat="server">

<telerik:RadSlidingZone ID="RadSlidingZone1" runat="server">

<telerik:RadSlidingPane ID="PaneAdd" Title="Add" runat="server">

Content

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</

body>

</

html>

Splitter

answered on 21 Feb 2008

1 answer

192 views

Edit the Css for WebBlue

i am using the Prometheus controls and the ComboBox and Can't seem to find where i can Edit the Current WebBlue Css page. i have a ComboBox folder under the RadControls folder in my root directory as follows:

RadControls/ComboBox/Skins/WebBlue/Styles.css
that file doesnt seem to do anything. i change it and nothing happens. i Tried doing the EnableEmbeddedSkins = false and that didn't work. i just want to show the Text OnHover to red.

i also tried placing a folder in the main directory as followes:
Skins/ComboBox/Skins/WebBlue/Styles.css and that didnt work. again, im using the prometheus controls. Thanks in advanced!!!

Cay

ComboBox

answered on 21 Feb 2008

6 answers

237 views

Radgrid binds clones of objects to grid, why?

If I bind a generic List of my business objects (which implement ICloneable)
why is it that when the list is bound, it binds a myObject.Clone() to the list instead of the actual object?

Is there a way to disable this functionality?
Your docs say DataSource behaves the same. asp.net Datagrids do not do this.

Grid

answered on 21 Feb 2008

1 answer

258 views

UserControl in a Radpane

I have a UserControl that contains a Prometheus RadChart inside of it, that is loaded dynamically when a user drags a TreeNode from a RadTreeView. The UserControl is inside of the right side of a RadSplitter while the Tree is on the left. When the UserControl is created it is displayed over the top of the TreeView's pane. Changing the Z-index and the relative position inside of the css doesn't seem to have any effect, am I missing something?

The code for the Default Webpage is :

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

</telerik:RadStyleSheetManager>

<telerik:RadScriptManager ID="RadScriptManager" runat="server"

EnablePageMethods="True">

</telerik:RadScriptManager>

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

height="100%" MinDisplayTime="1000" width="100%">

<img alt="Loading..." src="Images\loading.gif"

style="border-style: none; border-color: inherit; border-width: 0px; height: 65px; width: 121px; vertical-align: middle; text-align: center;" />

</telerik:RadAjaxLoadingPanel>

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

DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<telerik:AjaxSetting AjaxControlID="PerformanceTreeView">

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div>

<telerik:RadSplitter ID="HeaderSplitter" runat="server" Orientation="Horizontal" ResizeWithBrowserWindow="true" ResizeWithParentPane="true" Height="100%" Width="100%" ResizeMode="AdjacentPane" FullScreenMode="True" Skin="Vista" Scrolling="Node">

<telerik:RadPane ID="HeaderRadPane" runat="server" Scrolling="None" Height="22px">

<telerik:RadSlidingZone ID="HeaderSlideZone" runat="server" Scrolling="None" Height="18px">

<telerik:RadSlidingPane ID="HeaderSlidePane" runat="server" Height="120px" Scrolling="None" Title="Home" Width="282px">

<fpi:FPIHeader ID="PageHeaderControl" runat="server" />

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="PageSplitterBar" runat="server"/>

<telerik:RadPane ID="DataPane" runat="server" Scrolling="None">

<telerik:RadSplitter ID="DataPaneSplitter" Runat="server" ResizeWithParentPane="true" Height="100%" Items-Capacity="0" Orientation="Vertical" ResizeMode="AdjacentPane" Skin="Vista" SplitBarsSize="" Width="100%">

<telerik:RadPane ID="DataTreePane" runat="server" Width="22px" Scrolling="None">

<telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" Width="22px">

<telerik:RadSlidingPane ID="PerformanceZone" runat="server" Title="Performance" Width="160px">

<telerik:RadTreeView ID="PerformanceTreeView" Runat="server" EnableDragAndDrop="True" LoadingStatusPosition="BeforeNodeText" Skin="Telerik" SkinID="Vista" onnodedrop="PerformanceTreeView_NodeDrop">

<telerik:RadTreeNodeBinding ImageUrlField="Image" />

</DataBindings>

</telerik:RadTreeView>

</telerik:RadSlidingPane>

<telerik:RadSlidingPane ID="ReportsZone" runat="server" Title="Reports" Width="160px">

<telerik:RadDatePicker ID="RadDatePicker1" Runat="server">

</telerik:RadDatePicker>

</telerik:RadSlidingPane>

<telerik:RadSlidingPane ID="MVZone" runat="server" Title="MV Data" Width="160px">

</telerik:RadSlidingPane>

<telerik:RadSlidingPane ID="MyReportsZone" runat="server" Title="My Reports" Width="160px">

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="DataPaneSplitBar" runat="server" CollapseMode="Backward"/>

<telerik:RadPane CssClass="slide-panes" ID="ReportPane" runat="server" Height="100%" Scrolling="None" Width="100%">

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" height="100%" width="100%">

<asp:Panel CssClass="slide-panes" ID="Panel1" runat="server" Width="100%" Height="100%" ScrollBars="None"/>

</telerik:RadAjaxPanel>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

The User Control is :

<%

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

<%

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

<%

@ Register assembly="Telerik.Charting, Version=1.7.1.0, Culture=neutral, PublicKeyToken=d14f3dcc8e3e8763" namespace="Telerik.Charting" tagprefix="telerik" %>

<

div style="width:100%;height:100%; position: relative; overflow: hidden; z-index:-1;" >

<

asp:Panel ID="OptionPanel" runat="server" Width="100%" Height="22px">

<tr>

<telerik:RadDatePicker ID="RadDatePicker11" Runat="server"

Culture="English (United States)">

</DateInput>

<Calendar runat="server" CellAlign="Center" CellVAlign="Middle" DayNameFormat="FirstLetter"

FirstDayOfWeek="Default" MonthLayout="Layout_7columns_x_6rows"

Orientation="RenderInRows" TitleAlign="Center"

UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False">

</Calendar>

</telerik:RadDatePicker>

</td>

<telerik:raddatepicker ID="EndPicker" runat="server"></telerik:raddatepicker>

</td>

<td>

</td>

</tr>

</table>

</asp:Panel>

<telerik:RadChart ID="ReportLineChart" runat="server"

Skin="Vista" DefaultType="Line" Height="400px" Width="600px"

ChartImageFormat="Jpeg">

</itemtextappearance>

</itemmarkerappearance>

</fillstyle>

</appearance>

</appearance>

</textblock>

</legend>

<xaxis>

</textappearance>

</appearance>

</appearance>

</appearance>

</textblock>

</axislabel>

</xaxis>

<yaxis>

<appearance color="134, 134, 134" majortick-color="196, 196, 196"

minortick-color="196, 196, 196">

</textappearance>

</appearance>

</appearance>

</textblock>

</axislabel>

</yaxis>

</fillstyle>

</appearance>

</plotarea>

<telerik:ChartSeries Name="Series 1" Type="Line">

<telerik:GradientElement Color="213, 247, 255" />

<telerik:GradientElement Color="193, 239, 252" Position="0.5" />

<telerik:GradientElement Color="157, 217, 238" Position="1" />

</complexgradient>

</fillsettings>

</fillstyle>

</textappearance>

</appearance>

</telerik:ChartSeries>

<telerik:ChartSeries Name="Series 2" Type="Line">

<telerik:GradientElement Color="218, 254, 122" />

<telerik:GradientElement Color="198, 244, 80" Position="0.5" />

<telerik:GradientElement Color="153, 205, 46" Position="1" />

</complexgradient>

</fillsettings>

</fillstyle>

</textappearance>

</appearance>

</telerik:ChartSeries>

</series>

<appearance border-color="212, 221, 222"

corners="Round, Round, Round, Round, 7">

<telerik:GradientElement Color="243, 253, 255" />

<telerik:GradientElement Color="White" Position="0.5" />

<telerik:GradientElement Color="243, 253, 255" Position="1" />

</complexgradient>

</fillsettings>

</fillstyle>

</appearance>

</fillstyle>

</appearance>

<appearance textproperties-color="86, 88, 89"

textproperties-font="Verdana, 22px">

</appearance>

</textblock>

</charttitle>

</telerik:RadChart>

</div>

Both the DateTimePickers and the chart appear on top of the DataTreePane, any help would be appreciated. Thank you

Splitter

answered on 21 Feb 2008

3 answers

123 views

RadGrid with AjaxManagerProxy updates when I don't want it to

I have a RadGrid then when an item is clicked, updates a panel. That works great. I then added a delete button and want that to update both the RadGrid and the panel when clicked. That works great. However, now the RadGrid updates itself when an item is clicked. I have the following in my RadAjaxManagerProxy tag:

    
            <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">  
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="rgTabConfig">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="DetailPanel" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="Buttons" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                        <telerik:AjaxSetting AjaxControlID="btnDelete">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="DetailPanel" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                <telerik:AjaxUpdatedControl ControlID="rgTabConfig" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManagerProxy>

I have not specified rgTabConfig as an AjaxUpdatedControl for the first AjaxSetting, so why does it update?

Thanks,
Scott

Ajax

answered on 21 Feb 2008