Questions on UI for ASP.NET AJAX Forum

11 answers

233 views

ComboBox height

How can I reduce the height of combobox below 22 pixels as we need to use a lot on one page and it is effecting the layout of our page. I have tried changing the CSS but increasing the height works but decreasing it doesn't. I assume it is related to the images?

ComboBox

answered on 26 Jan 2010

3 answers

101 views

Problem : Delay in IE

Hi,
i have a TreeView in of about 200-400 nodes in 4 differents levels, my problem is when i expend a node in Internet Explorer i have a delay of 0 to 5 seconds depending of how many nodes i have in that parent node.
I do the same thing in Firefox and i don't have that delay.
Someone can help or refer me to a thread that can help me please.
Thanks..

TreeView

answered on 26 Jan 2010

5 answers

171 views

[Solved] Insert vs. Edit

I have a customvalidator a DataBoundColumn in a RadGrid. In the validator I need to know whether I am inserting a new item or editing an old item in the ServerValidate handler.

Is there any well to tell at that point?

Also, while in the ServerValidate handler is there a way to get the previous value of the control?

Thanks,
Steve

Grid

answered on 26 Jan 2010

5 answers

327 views

How can I clear Undo/Redo history on postback?

We are using an ajaxified Dropdown list and RadEdit to edit different content blobs from a database. We have found that the Undo function will load the content of the RadEdit from a previous content loaded/replaced by ajax event.

So my question is, how -- using js and/or code-behind -- can I clear the Undo history?

Editor

answered on 26 Jan 2010

4 answers

167 views

Using AjaxMgr loses AutoPostback

2009.3.1210.35
I have CommandItem button on RadGrid that when selected, I would like to set the cboReport's index to -1.
I noticed that cboReport wasn't updating the value, so I added the RadGrid1 to cboReport in AjaxMgr. When I did this, cboReport no longer does postback when a new item is selected. RadGrid1 also doesn't change the text of the cboReport either.

    
                       <telerik:RadComboBox ID="cboReport" EmptyMessage="Select a report" runat="server" Skin="Simple"   
        
                                width="260px" AutoPostBack="true" Filter="Contains" MarkFirstMatch="true" AllowCustomText="false" NoWrap="true">                     
        
                            <Items> 
        
                                <telerik:RadComboBoxItem Text="" Value=""  /> 
        
                            </Items> 
        
                        </telerik:RadComboBox>

    
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                    <AjaxSettings>     
        
                        <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1"/> 
        
                                <telerik:AjaxUpdatedControl ControlID="cboReport" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager>

Ajax

answered on 26 Jan 2010

5 answers

212 views

DatePicker Popup - highlight date

I have a RadDatePicker in a Repeater, when I enter a date in the first rows datepicker I take that date and add 5 days in the next rows calendar popup. I did this so it highlighted the date for you. (popup.selectDate(dateTriplet, true);)

The problem is when the user looks at that 2nd rows calendar popup, they see that date highlighted (which really means selected) and if that is the date they want they have to click it twice using the popup, once to unselect it and then to select it again.

Is there an way on the client to hightlight the date but not select it. I saw that you can add "special days" but that has to be done on the server side from what I understand.

thanks!

Calendar

answered on 26 Jan 2010

3 answers

405 views

Set GridBoundColumn to readonly when in edit mode?

Using InPlace mode, Can someone tell me if it is possible to set the ReadOnly property to true for a GridBoundColumn at runtime when the user select Edit? My scenario is to not allow a user to change a key field value in edit mode but be able to provide that value in insert mode. So.. the first column of the grid is the primary key value which needs to be supplied on insert but cannot be changed on edit.

If it is possible, can you direct me down the right path?

Thanks

Jack Huddleston

Grid

answered on 26 Jan 2010

1 answer

100 views

FormDecorator problems in IE8

I am attempting to use the FormDecorator on my site. Results look good in Firefox, but terrible in IE8. Testing is being done by running the site locally from .NET 3.5 Run Without Debug option.

Simply referencing the style sheet of the custom FormDecorator skin (an exact replica of Web20) breaks Rotator styling. Actually including the FormDecorator control breaks my Dock styling.

See images for results.

I am also getting similar results in dockafter.gif when there is a second SiteMap reference on the page.

FormDecorator

answered on 26 Jan 2010

8 answers

327 views

[Solved] TRANSPARENT MENU

Hello,

I was wondering if there is a way to setup a radMenu to be 'transparent'?

I've got a client who would like to see an underlying image behind the menu as the image control transitions through a series of images. Of course the radMenu doesn't cover the entire image, only part of it, so most of the image is clearly visible as it transitions.

Please let me know if this is possible.

Many thanks in advance,

Dave

Menu

answered on 26 Jan 2010

1 answer

124 views

Help with Ajax, DockZone and ListView, DataPager

I'm having a bit of a difficult time trying to figure out exactly how to make a correct Ajax call work with the Telerik DockZone, ListView and DataPager. I'm hoping someone can help out a bit.

I am dynamically adding RadDock in code behind to the Zones.

Here is code for main page (which I have to restructure soon b/c of lots and lots of layout issues wiht IE and Firefox, but, that's out of context of what I'm asking here!)

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="ClientView.aspx.cs" Inherits="News.UI.Form_ClientView" %> 
        
            <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
        
            <html> 
        
            <head> 
        
                <title></title> 
        
                <link href="Styles/ClientView.css" rel="stylesheet" type="text/css" />       
        
                <script src="Scripts/ClientView.js" type="text/javascript" ></script>  
        
            </head> 
        
            <body> 
        
            <form id="Form1" runat="server"> 
        
                <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
        
                <div id="clientviewcontent"> 
        
                <telerik:RadDockLayout runat="server" ID="RadDockLayout1" EnableEmbeddedSkins="true" Skin="Office2007" Visible="true"> 
        
                <div id="clientviewlayout"> 
        
                    <table class="tbldoclayout"> 
        
                    <tr> 
        
                        <td class="totop" colspan="3"><telerik:RadDockZone Width="100%" MinHeight="0" BorderStyle="None" runat="server" ID="RadDockZoneTop" Orientation="Vertical" Visible="true"></telerik:RadDockZone></td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td class="tdleft"><telerik:RadDockZone Width="100%" Height="100%" MinHeight="0" BorderStyle="None" BorderWidth="0" runat="server" ID="RadDockZoneV1" Orientation="Vertical"></telerik:RadDockZone></td> 
        
                        <td class="tdmid"><telerik:RadDockZone Width="100%" Height="100%" MinHeight="0" BorderStyle="None" BorderWidth="0" runat="server" ID="RadDockZoneV2" Orientation="Vertical"></telerik:RadDockZone></td> 
        
                        <td class="tdright"><telerik:RadDockZone Width="100%" Height="100%" MinHeight="0" BorderStyle="None" BorderWidth="0" runat="server" ID="RadDockZoneV3" Orientation="Vertical"></telerik:RadDockZone></td> 
        
                    </tr>         
        
                    </table> 
        
                </div> 
        
                </telerik:RadDockLayout> 
        
                </div> 
        
            </form> 
        
            </body> 
        
            </html>

From here, in the code behind I will add RadDock, example like this:

    
            RadDock dockNews = new RadDock(); 
        
            dockNews.DockMode = DockMode.Docked; 
        
            dockNews.ID = "dockNews"; 
        
            dockNews.Tag = "dockNews"; 
        
            dockNews.Title = "News"; 
        
            dockNews.Skin = "Office2007"; 
        
            dockNews.Width = Unit.Pixel(200); 
        
            dockNews.Style.Add("margin-bottom", "5px"); 
        
            dockNews.DockHandle = DockHandle.TitleBar; 
        
            dockNews.DefaultCommands = Telerik.Web.UI.Dock.DefaultCommands.All; 
        
            Control ctrlNewsRoom = LoadControl("~/ClientView/ctlNewsRoom.ascx"); 
        
            RadDockLayout1.Controls.Add(dockNews); 
        
            RadDockZoneV1.Controls.Add(dockNews); 
        
            dockNews.ContentContainer.Controls.Add(ctrlNewsRoom);

Finally, in the "ctlNewsRoom" I have a ListView using a DataPager. What I would like to do is, on the change of pages is that only the one Dock be updated. Right now what is happening is that all Docks on the main page are being updated. I'm thinking (or hoping) that I just don't have everything hooked up gogether.

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeFile="ctlNewsRoom.ascx.cs" Inherits="News.UI.ctlNewsRoom_Control" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <telerik:RadAjaxManagerProxy ID="Proxy" runat="server"> 
        
                <AjaxSettings> 
        
                    <telerik:AjaxSetting AjaxControlID="dsNews" EventName="dsNews_Selecting"> 
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="dsNews" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
            </telerik:RadAjaxManagerProxy> 
        
            <asp:LinqDataSource ID="dsNews" runat="server" OnSelecting="dsNews_Selecting" /> 
        
                   <asp:ListView ID="lvNews" runat="server" DataKeyNames="RecordID"   DataSourceID="dsNews">    
        
                        <LayoutTemplate>    
        
                        <div id="itemPlaceholderContainer" runat="server"> 
        
                            <div id="itemplaceholder" runat="server"></div>  
        
                            </div> 
        
                            <div style="clear: left; text-align:center; vertical-align: middle; float:none;">   
        
                            <asp:DataPager ID="pageTopics" runat="server" PageSize="3" PagedControlID="lvNews">     
        
                                <Fields>    
        
                                    <asp:NextPreviousPagerField ShowFirstPageButton="true" ButtonType="Image" ShowPreviousPageButton="false" ShowNextPageButton="false" FirstPageImageUrl="../Images/PagingFirst.gif" />    
        
                                    <asp:NextPreviousPagerField ShowFirstPageButton="false" ButtonType="Image" ShowPreviousPageButton="true" ShowNextPageButton="false" PreviousPageImageUrl="../Images/PagingPrev.gif" />    
        
                                    <asp:NumericPagerField ButtonCount="9" />    
        
                                    <asp:NextPreviousPagerField ShowFirstPageButton="false" ButtonType="Image" ShowPreviousPageButton="false" ShowNextPageButton="true" ShowLastPageButton="false" NextPageImageUrl="../Images/PagingNext.gif" />    
        
                                    <asp:NextPreviousPagerField ShowFirstPageButton="false" ButtonType="Image" ShowPreviousPageButton="false" ShowNextPageButton="false" ShowLastPageButton="true" LastPageImageUrl="../Images/PagingLast.gif" />    
        
                                </Fields>    
        
                           </asp:DataPager>    
        
                        </LayoutTemplate>    
        
                        <ItemTemplate>    
        
                            <div> 
        
                                <ul id="newsul"> 
        
                                    <li id="newstitle"><%# Eval("Name")%></li> 
        
                                    <li id="newspub"> 
        
                                    <div style="width:100%;margin:0;padding:0;"> 
        
                                        <div style="text-align:left;float:left;">Published: <%# Eval("PublishDate")%></div> 
        
                                        <div style="text-align:right;"><asp:HyperLink runat="server" ID="newNav" ImageUrl="../Images/world_go.png" NavigateUrl='<%# Eval("URL")%>' Target="_blank" /></div> 
        
                                     </div>                          
        
                                    </li> 
        
                                    <li id="newsdesc"><%# Eval("Description").ToString()%></li> 
        
                                </ul> 
        
                            </div>    
        
                        </ItemTemplate>    
        
                        <EmptyDataTemplate>No news found</EmptyDataTemplate>    
        
                    </asp:ListView>

    
            using News.UI; 
        
            using News.DataModel; 
        
            using System.Linq; 
        
            using System.Xml.Linq; 
        
            using System; 
        
            using System.Data; 
        
            using System.Configuration; 
        
            using System.Collections; 
        
            using System.Collections.Generic; 
        
            using System.Web; 
        
            using System.Web.Security; 
        
            using System.Web.UI; 
        
            using System.Web.UI.WebControls; 
        
            using System.Web.UI.WebControls.WebParts; 
        
            using System.Web.UI.HtmlControls; 
        
            using System.Xml; 
        
            using System.Xml.XPath; 
        
            namespace News.UI 
        
            { 
        
                public partial class ctlNewsRoom_Control : System.Web.UI.UserControl 
        
                { 
        
                    private SettingManager m_SettingManager; 
        
                    private GBMDataContext m_Context; 
        
                    protected void dsNews_Selecting(object sender, LinqDataSourceSelectEventArgs args) 
        
                    { 
        
                        args.Result = LoadData(); 
        
                    } 
        
                    private IList LoadData() 
        
                    { 
        
                        m_SettingManager = new SettingManager(); 
        
                        m_Context = m_SettingManager.DataContext; 
        
                        var q = from tmp in m_Context.NewsRooms where 
        
                                                 (!(tmp.RecordExpiration.HasValue) || tmp.RecordExpiration.Value >= DateTime.UtcNow) 
        
                                                 orderby tmp.PublishDate descending 
        
                                select new { tmp.RecordID, Name=tmp.Name.Substring(0,75), PublishDate = tmp.PublishDate.ToShortDateString(), Description=tmp.Description.Substring(0,175), URL=tmp.URL }; 
        
                        return q.ToList(); 
        
                    } 
        
                } 
        
            }

Dock

answered on 26 Jan 2010