Questions on UI for ASP.NET AJAX Forum

1 answer

147 views

This is an issue with a dropdown we have on a page that does a full Postback every time an entry is selected.

1. Page loads and the text area of the RadComboBox is empty.
2. Type the first letter of several of the items. The dropdown is filtered to just those items and the first one is displayed in the text area.
3. Hit return to select that item, and the page refreshes.
4. The full text of the selected item is displayed in the text area.
5. Click on the downward-pointing caret to bring up the drop-down menu. The auto-complete is filtering out all entries except the current item. In order to have the other entries selected, the text area must be manually cleared.

We have other dropdowns that don't do a Postback, and they always display the full list when you click to display the dropdown. This is the desired behavior.

We are using the Q3 2008 version.

Thanks.

    
            <telerik:RadComboBox ID="UsernameWebComboAGMembership" runat="server" Height="190px" EnableEmbeddedSkins="false" Skin="IMCComboStyle"  
        
                Width="320px" DropDownWidth="480px" MarkFirstMatch="true" OnDataBound="UsernameWebComboAGMembership_DataBound" EnableLoadOnDemand="true" HighlightTemplatedItems="true" 
        
                ItemRequestTimeout="500" OnClientItemsRequested="UpdateItemCountField" AutoPostBack="true" 
        
                OnItemsRequested="UsernameWebComboAGMembership_ItemsRequested" OnItemDataBound="UsernameWebComboAGMembership_ItemDataBound" 
        
                OnSelectedIndexChanged="UsernameWebComboAGMembership_SelectedIndexChanged" > 
        
                <HeaderTemplate> 
        
                    <ul> 
        
                        <li class="rcbColumn1">User Name</li> 
        
                        <li class="rcbColumn2">First Name</li> 
        
                        <li class="rcbColumn3">Surname</li> 
        
                    </ul> 
        
                </HeaderTemplate> 
        
                <ItemTemplate> 
        
                    <ul> 
        
                        <li class="rcbColumn1"><%# DataBinder.Eval(Container.DataItem, "UserName") %></li> 
        
                        <li class="rcbColumn2"><%# DataBinder.Eval(Container.DataItem, "FirstName") %></li> 
        
                        <li class="rcbColumn3"><%# DataBinder.Eval(Container.DataItem, "LastName") %></li> 
        
                    </ul> 
        
                </ItemTemplate> 
        
                <FooterTemplate> 
        
                     <asp:Label runat="server" ID="RadComboItemsCount" /> users 
        
                </FooterTemplate> 
        
            </telerik:RadComboBox>

ComboBox

answered on 03 Mar 2009

1 answer

130 views

Slider databinding not working

Hi,

I am trying to use the slider as a time line. here is the declaration code:

<telerik:RadSlider AutoPostBack="true" IsSelectionRangeEnabled="true" ID="RadSlider1" runat="server" DataSourceID="SqlDataSource1"
            ondatabound="RadSlider1_DataBound"
            OnValueChanged="RadSlider1_ValueChanged" DataTextField="date"
            DataValueField="ID" Height="20px" ondatabinding="RadSlider1_DataBinding"
            Skin="Black" Width="200px">
        </telerik:RadSlider>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server"
            ConnectionString="<%$ ConnectionStrings:IDIConnectionString %>"
            SelectCommand="SELECT ID, CAST(NAME AS varchar) + ', ' + CAST(YEAR AS varchar) AS date FROM Month">

        </asp:SqlDataSource>

It says: error in rendering control. The method or operation is not implemented..

Can you please help me in binding the slider to a datasource?

Thanks in advance,
Siddharth

Slider

answered on 03 Mar 2009

1 answer

168 views

Radsplitter problem with CSS file and height 100%

I'm trying to create a full visible viewport if i put the Height="100%" Width="100%", style in a CSS file it don't works.

My code:

Escritorio.aspx

    
            <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Escritorio.aspx.vb" Inherits="mjnPyme.Desktop" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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> 
        
                <link href="../Estilos/Mjn/Escritorio.css" rel="stylesheet" type="text/css" /> 
        
                <script src="Escritorio.js" type="text/javascript"></script> 
        
            </head> 
        
            <body scroll="no"> 
        
            <form id="form1" runat="server" > 
        
                <telerik:RadScriptManager id="RadScriptManager1" runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadSplitter id="RadSplitterEscritorio" runat="server" Orientation="Horizontal" > 
        
                    <%--Parte superior del escritorio--%> 
        
                    <telerik:RadPane id="RadPaneEscritorioSuperior" runat="server" Scrolling="None"  > 
        
                        <telerik:RadSplitter id="RadSplitterEscritorioSuperior" runat="server" Orientation="Vertical"> 
        
                            <%--Parte superior izquiera del escritorio (logo) --%> 
        
                            <telerik:RadPane id="RadPaneEscritorioLogo" runat="server" Scrolling="None" > 
        
                                <asp:Image ID="ImagenLogoEscritorio" runat="server" /> 
        
                            </telerik:RadPane> 
        
                            <%--Parte superior derecha del escritorio (logo) --%> 
        
                            <telerik:RadPane id="RadPaneEscritorioMenu" runat="server" Scrolling="None" > 
        
                                <telerik:RadToolBar ID="RadToolBarEscritorioMenu" runat="server" Width="100%" Orientation="Horizontal" > 
        
                                </telerik:RadToolBar> 
        
                            </telerik:RadPane>                             
        
                        </telerik:RadSplitter> 
        
                    </telerik:RadPane> 
        
                    <%--Separador horizontal del escritorio--%> 
        
                    <telerik:RadSplitBar ID="RadSplitBarEscritorio" runat="server" CollapseMode="Forward" EnableResize="true" />     
        
                    <%--Parte principal del escritorio--%> 
        
                    <telerik:RadPane ID="RadPaneEscritorioInferior" runat="server" Width="100%" Scrolling="None" > 
        
                    <p>mira que prueba</p> 
        
                    </telerik:RadPane>         
        
                </telerik:RadSplitter>     
        
            </form> 
        
            </body> 
        
            </html>

Escritorio.aspx.vb

    
            Public Partial Class Desktop 
        
                Inherits System.Web.UI.Page 
        
                Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 
        
                    If Not IsPostBack Then 
        
                        Page.Title = Trim(My.Settings.AplicacionNombre) & "Escritorio" 
        
                        ' Aplicar Skins 
        
                        RadSplitterEscritorio.Skin = My.Settings.AplicacionSkin 
        
                        RadSplitterEscritorioSuperior.Skin = My.Settings.AplicacionSkin 
        
                        RadToolBarEscritorioMenu.Skin = My.Settings.AplicacionSkin 
        
                        ' Cargar imagen logo 
        
                        ImagenLogoEscritorio.ImageUrl = "~/Core/Imagenes/Logos/" & My.Settings.AplicacionLogo 
        
                        ImagenLogoEscritorio.Height = RadPaneEscritorioLogo.Height 
        
                        ImagenLogoEscritorio.Width = RadPaneEscritorioLogo.Width 
        
                    End If 
        
                End Sub 
        
            End Class

Escritorio.css

html, body, form

{

    height:100%;

    width:100%;

    margin:0px;

    padding:0px;

}

#RadSplitterEscritorio

{

    height:100%;

    width:100%;

}

#RadSplitterEscritorioSuperior

{

    height:100%;

    width:100%;

    border-style:none;

}

#RadPaneEscritorioSuperior

{

    height:100px;

}

#RadPaneEscritorioLogo

{

    height:100px;

    width:150px;

}

#RadPaneEscritorioMenu

{

    height:100px;

}

p

{

    font-size:larger ;

    font-style:italic ;

}

But, if i put all the "height" styles inside the .aspx tags it works fine.
like this.

    
            <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Escritorio.aspx.vb" Inherits="mjnPyme.Desktop" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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> 
        
                <link href="../Estilos/Mjn/Escritorio.css" rel="stylesheet" type="text/css" /> 
        
                <script src="Escritorio.js" type="text/javascript"></script> 
        
            </head> 
        
            <body scroll="no"> 
        
            <form id="form1" runat="server" > 
        
                <telerik:RadScriptManager id="RadScriptManager1" runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadSplitter id="RadSplitterEscritorio" runat="server" Orientation="Horizontal" Height="100%" Width="100%"> 
        
                    <%--Parte superior del escritorio--%> 
        
                    <telerik:RadPane id="RadPaneEscritorioSuperior" runat="server" Scrolling="None" Height="100px" > 
        
                        <telerik:RadSplitter id="RadSplitterEscritorioSuperior" runat="server" Orientation="Vertical" Height="100%" Width="100%"> 
        
                            <%--Parte superior izquiera del escritorio (logo) --%> 
        
                            <telerik:RadPane id="RadPaneEscritorioLogo" runat="server" Scrolling="None" Height="100px" Width="150px"> 
        
                                <asp:Image ID="ImagenLogoEscritorio" runat="server" /> 
        
                            </telerik:RadPane> 
        
                            <%--Parte superior derecha del escritorio (logo) --%> 
        
                            <telerik:RadPane id="RadPaneEscritorioMenu" runat="server" Scrolling="None" Height="100px"> 
        
                                <telerik:RadToolBar ID="RadToolBarEscritorioMenu" runat="server" Width="100%" Orientation="Horizontal" > 
        
                                </telerik:RadToolBar> 
        
                            </telerik:RadPane>                             
        
                        </telerik:RadSplitter> 
        
                    </telerik:RadPane> 
        
                    <%--Separador horizontal del escritorio--%> 
        
                    <telerik:RadSplitBar ID="RadSplitBarEscritorio" runat="server" CollapseMode="Forward" EnableResize="true" />     
        
                    <%--Parte principal del escritorio--%> 
        
                    <telerik:RadPane ID="RadPaneEscritorioInferior" runat="server" Width="100%" Scrolling="None" > 
        
                    <p>mira que prueba</p> 
        
                    </telerik:RadPane>         
        
                </telerik:RadSplitter>     
        
            </form> 
        
            </body> 
        
            </html>

what is the problem ?

I just put the style config in a CSS file instead of inside ASPX tags

Thanks.

Splitter

answered on 03 Mar 2009

2 answers

203 views

FilterMenu Theming

I've got a web site that takes advantage of theming. I've got a grid with filtering enabled. I can not set the FilterMenu Skin property in the skin file, as I did with the RadGrid.
Skin code:

    
            <telerik:FilterMenu runat="server" Skin="Vista" SkinID="telerikFilter"/>

Error 1 Unknown server tag 'telerik:FilterMenu'. C:\Inetpub\wwwroot\PharmacyClaimHold\App_Themes\TelerikVista\Vista.skin 5

    
            <FilterMenu EnableTheming="true" Skin="" SkinID="telerikFilter">

Is there a way I can do this with theming, without setting the Skin in the aspx like I've done below?
ASPX code

    
            <FilterMenu EnableTheming="true" Skin="Vista">

Grid

answered on 03 Mar 2009

1 answer

120 views

large splitter bar, pane collapse problem

Hi.

I've increased the size of my spitter bar using javascript and css...

    
            var spacer = document.getElementById('RAD_SPLITBAR_SPACER_<%=sbContent.ClientID %>')  
        
            spacer.style.height = '30px';  
        
            spacer.innerHTML = itemBottomDiv.innerHTML;  
        
            spacer.style.width = '100%';  
        
            spacer.className = itemBottomDiv.className;  
        
            document.getElementById('<%=sbContent.ClientID %>').className = "resizeBarHorizontal2";  
        
            document.getElementById('<%=sbContent.ClientID %>').style.height = '30px';

    
            .RadSplitter_Pab3 .resizeBarHorizontal2,  
        
            .RadSplitter_Pab3 .slideContainerResizeHorizontal2,  
        
            .RadSplitter_Pab3 .slideContainerResizeOverHorizontal2,  
        
            .RadSplitter_Pab3 .resizeBarInactiveHorizontal2  
        
            {  
        
                height:30px;  
        
                background-color:#f4f4f4;  
        
                border-bottom:solid 1px #cdcdcd;  
        
            }

This works great and I am able to display a little message inside the splitter bar.... "Click here to show message preview"

BUT then it all goes wrong....I collapse the bottom pane (the preview window) and most of the splitterbar disappears. i.e. only the first 4 pixels are on display the rest is hidden.

Antony

Splitter

answered on 03 Mar 2009

4 answers

128 views

Why does toggle full screen take SO LONG in IE 7

Hi,

Why does the RadEditor toggle full screen button in the ajax version take SOO LONG in IE 7 while the old version was nearly instant? However, the new RadEditor's toggle button seems to be near instance in FireFox. Now if we could just do something about IE.

Thanks,
Chris

Editor

answered on 03 Mar 2009

2 answers

112 views

[Solved] Positioning AutoGenerated Edit/Delete Columns

How can I make the AutoGenerated Edit and Delete columns display as column[0] annd column[1] ?

Thanks

Grid

answered on 03 Mar 2009

1 answer

274 views

EnableScriptCombine = False and OutputCompression

Hello!

Since we register many different scripts on different pages, we don't want to use scriptcombine (we don't want to download ms/telerik scripts mutliple times).
But we would still like each script to use OutputCompression, but if setting EnableScriptCombine to false, then your scriptmanager just register the script the normal way.

Is it possible to achieve this?
If not, will this functionality be available in a near future version?

/Rikard

ScriptManager and StyleSheetManager

answered on 03 Mar 2009

3 answers

167 views

OnMouseOver

hi

How do i do a mouseover on the picture of this example http://demos.telerik.com/aspnet-ajax/controls/examples/integration/raduploadinajaxifiedgrid/defaultcs.aspx?product=grid instead of having to click at the picture to show the larger image? Thanks

Grid

answered on 03 Mar 2009

1 answer

149 views

radTreeview and ObjectDataSource

I tried to follow the instructions in this turotial: http://www.telerik.com/help/aspnet/treeview/tree_usedatabindings.html. the structure of my table is equal, but all I get is a single level list not a hierarchy as expected.

siteData.Add(

New SiteDataItem(1, Nothing, "All Sites", ""))

siteData.Add(

New SiteDataItem(2, 1, "Search Engines", ""))

siteData.Add(

New SiteDataItem(3, 1, "News Sites", ""))

siteData.Add(

New SiteDataItem(1, 2, "Yahoo", "http://www.yahoo.com"))

siteData.Add(

New SiteDataItem(2, 2, "MSN", "http://www.msn.com"))

siteData.Add(

New SiteDataItem(3, 2, "Google", "http://www.google.com"))