Questions on UI for ASP.NET AJAX Forum

1 answer

127 views

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

164 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

201 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

110 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

118 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

265 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

165 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

147 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"))

siteData.Add(

New SiteDataItem(4, 3, "CNN", "http://www.cnn.com"))

siteData.Add(

New SiteDataItem(5, 3, "BBC", "http://www.bbc.co.uk"))

siteData.Add(

New SiteDataItem(6, 3, "FOX", "http://www.foxnews.com"))

RadTreeView1.DataTextField =

"Text"

RadTreeView1.DataNavigateUrlField = "Url"

RadTreeView1.DataValueField = "ID"

RadTreeView1.DataFieldID = "ID"

RadTreeView1.DataFieldParentID =

"ParentID"

RadTreeView1.DataSource = siteData

RadTreeView1.DataBind()

Version of the RadTreeView.Net2.dll is 6.3.7.0

Any ideas?

Thanks,

Mary

TreeView

answered on 03 Mar 2009

1 answer

86 views

RadControl version that will work with System.Web.Extensions v.3.5.0.0

Hi,

I already have a RadCotnrols v. 2008.1.619.20, will this work with ASP.NET 3.5 (specifically System.Web.Extensions v.3.5.0.0)? Or do I need to install a newer version for this to work? Somehow we are getting an error in RadScriptManager when we installed ASP.NET 3.5 in our machine. See screenshot for the error.

Regards,

Arthur

General Discussions

answered on 03 Mar 2009