Questions on UI for ASP.NET AJAX Forum

4 answers

165 views

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

199 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

397 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

96 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

308 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

117 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

1 answer

114 views

Skin Chooser

Hi Folks,

Is there a way that I can include the skin selecter in my application? I want the user to have a choice of what skin they use for their own portal and for them to see the combobox you see when you select a skin from an elements smart tag in the design view.

Can this be done?

Cheers,
Ian

General Discussions

answered on 26 Jan 2010

0 answers

207 views

EnableEmbeddedScripts=false disables all telerik scripts

I have a RadMenu, an overloaded instance RadPanelBar and the RadEditor solution file intergrated into my sitecollection. the menu and the panelbar are both stored in masterpage. I don't want to use any script in the RadMenu, so I EnableEmbeddedScripts=false. However, it disables all scripts for all Telerik controls.

On the RadPanelbar, I can explicitly say EnableEmbeddedScripts="true", to no effect, and when I use page where RadEditor replaces the standard control, I get the perpetual 'Scripts are loading' message.

If I put the change in the appsettings area of the web-config

Telerik.Menu.EnableEmbeddedScripts value="false", then the same problem happens again.

Any ideas what is going on?

i'm using 2009 Q3 controls.

EDIT:
Added the RadPanelBar scripts into the script manager, and moved them to the layout folder,
<asp:ScriptReference Path="/_layouts/scripts/Common/jQueryPlugins.js"></asp:ScriptReference> <asp:ScriptReference Path="~/Scripts/Common/Navigation/NavigationScripts.js" />
And again nothing.

Sharepoint Integration

asked on 26 Jan 2010

2 answers

120 views

RadEditor in an UpdatePanel

Hi

I have a radeditor in an update panel and a button that sets the format of the content of the editor by doing editor.pasteHtml().

If I make my updates to the editor, then get the content of the editor by using this.editorExample.Content via a regular postback, the content is correct. However, when I put the editor in an updatePanel, make some format changes and do a partial postback, when I access the content of the editor, it does not know about the new format changes I have made. I assume this has to do with the fact that there is a hidden iFrame which is not getting the updates in the partial postback, but is there a way I can access the correct content by using something other than an updatepanel (maybe a RadXMLHttpPanel)?

Thanks in advance

Editor

answered on 26 Jan 2010

7 answers

232 views

Item expanded event?

Hi

I'd like to execute some client-side code right after an item has expanded.

How can I do that?

PanelBar

answered on 26 Jan 2010