Questions on UI for ASP.NET AJAX Forum

1 answer

125 views

I have a problem with display tooltip cho XAxis Item need you help.

I can display tooltip on ChartSeriesItem with command :
ChartSeriesItem seriesItem = new ChartSeriesItem();
seriesItem.ItemMap.ToolTip = "test";
But i can't do this with XAxis item . I want that, when i click mouse over XAxit item, it will display full name of XAxit item.

Please help me solve this problem . Thanks so much !

Chart (Obsolete)

answered on 16 Jul 2009

1 answer

88 views

ObjectDataSource GRUD Example

Hi All,

Is there any sample/ demo example for Scheduler which is using ObjectDataSource or custom Entity class to perform GRUD operation on a Scheduler control. All the examples that I have found, are either embedding the SQL queries inside the aspx page or using XML files, but I dont seem to find any example using ObjectDataSource.

Any help will be greatly appreciated.

Haroon

Scheduler

answered on 16 Jul 2009

1 answer

80 views

How can i get the functioanlity of download

Hello,

I am using RAD context menu in RAD grid control.

In the context menu i have a option called "Download".So i want to make a functionalites of Download file through JavaScript.I can't write any thing its Click event[Click event of context menu].Because in the context menu there are others menu item (like Add,Delete,Download..etc),on clicking on those its have some different functionality on the RAD popup Window.

in the Rad Grid Its have following informations:

File name[visible to User]
File iD[Invisible to user]
File Actual name[Invisible to user,thats the file is actually stored on a "Upload" Folder,I renamed the file during upload]

So please tell me how can i make the functionalities of Download.

Thanks.
Denny Smolinski

Grid

answered on 16 Jul 2009

2 answers

76 views

HELP!!!! Insert/EditDelete and Filter

HI
i'm loading a grid using RadGrid1_NeedDataSource by binding a datasorce, how do i get the edit. insert and delete to work, at the moment it's not working, by code is pasted below.

    
            <%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Grid.aspx.cs" Inherits="Grid" Title="Untitled Page" %> 
        
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
            <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
        
                <style type="text/css"> 
        
            .RadGrid_Default 
        
            { 
        
                border:1px solid #232323; 
        
            } 
        
            .RadGrid_Default 
        
            { 
        
                font:11px/1.4 arial,sans-serif; 
        
            } 
        
            .RadGrid_Default 
        
            { 
        
                background:#d4d0c8; 
        
                color:#333; 
        
            } 
        
            .GroupPanel_Default 
        
            { 
        
                border-top:1px solid #383838; 
        
                background:url('mvwres://Telerik.Web.UI, Version=2008.2.826.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Grid.sprite.gif') repeat-x 0 -400px #1f1f1f; 
        
                color:#8f8f8f; 
        
            } 
        
            .MasterTable_Default 
        
            { 
        
                background:#fff; 
        
                border-collapse:separate !important; 
        
            } 
        
            .MasterTable_Default 
        
            { 
        
                font:11px/1.4 arial,sans-serif; 
        
            } 
        
            .GridHeader_Default 
        
            { 
        
                color:#fff; 
        
                text-decoration:none; 
        
            } 
        
            .GridHeader_Default 
        
            { 
        
                border-bottom:1px solid #010101; 
        
                background:url('mvwres://Telerik.Web.UI, Version=2008.2.826.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4/Telerik.Web.UI.Skins.Default.Grid.headers.gif') repeat-x #434343; 
        
                padding:10px 6px 10px 11px; 
        
                text-align:left; 
        
                font-size:1.3em; 
        
                font-weight:normal; 
        
            } 
        
                    #Table3 
        
                    { 
        
                        width: 681px; 
        
                    } 
        
                .style2 
        
                { 
        
                    height: 28px; 
        
                } 
        
                </style> 
        
            </asp:Content> 
        
            <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
        
                <table style="width: 100%;"> 
        
                    <tr> 
        
                        <td class="style2"> 
        
                            </td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            &nbsp;</td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            <telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="True"  
        
                                AllowPaging="True"  AutoGenerateDeleteColumn="True"  
        
                                AutoGenerateEditColumn="True" GridLines="None" Skin="Vista"  
        
                                OnNeedDataSource="RadGrid1_NeedDataSource"  
        
                                OnGroupsChanging="RadGrid1_GroupsChanging" AllowAutomaticDeletes="True"  
        
                                AllowAutomaticInserts="True" AllowAutomaticUpdates="True" OnItemUpdated="RadGrid1_ItemUpdated" 
        
                        OnItemDeleted="RadGrid1_ItemDeleted" OnItemInserted="RadGrid1_ItemInserted" > 
        
            <HeaderContextMenu> 
        
            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
            </HeaderContextMenu> 
        
            <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle> 
        
            <MasterTableView CommandItemDisplay="Top" EditMode ="PopUp" AllowFilteringByColumn="True" > 
        
            <RowIndicatorColumn> 
        
            <HeaderStyle Width="20px"></HeaderStyle> 
        
            </RowIndicatorColumn> 
        
            <ExpandCollapseColumn> 
        
            <HeaderStyle Width="20px"></HeaderStyle> 
        
            </ExpandCollapseColumn> 
        
            </MasterTableView> 
        
                                <ClientSettings AllowKeyboardNavigation="True"> 
        
                                </ClientSettings> 
        
            <FilterMenu> 
        
            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        
            </FilterMenu> 
        
                            </telerik:RadGrid> 
        
                        </td> 
        
                    </tr> 
        
                </table> 
        
                </asp:Content>

    
            using System; 
        
            using System.Configuration; 
        
            using System.Data; 
        
            using System.Linq; 
        
            using System.Web; 
        
            using System.Web.Security; 
        
            using System.Web.UI; 
        
            using System.Web.UI.HtmlControls; 
        
            using System.Web.UI.WebControls; 
        
            using System.Web.UI.WebControls.WebParts; 
        
            using System.Xml.Linq; 
        
            using System.Data.SqlClient; 
        
            using Telerik.Web.UI; 
        
            using System.Collections.Generic; 
        
            public partial class Grid : System.Web.UI.Page  
        
            { 
        
                string tbName; 
        
                protected void Page_Load(object sender, EventArgs e) 
        
                { 
        
                    if (Session["ID"] != null) 
        
                    { 
        
                        tbName = Request["id"].ToString(); 
        
                        if (!Page.IsPostBack) 
        
                        { 
        
                            ViewState["tbName"] = tbName; 
        
                        } 
        
                        else 
        
                        { 
        
                        }   
        
                    } 
        
                    else 
        
                    { 
        
                        Response.Redirect("login.aspx"); 
        
                    } 
        
                } 
        
                protected void RadGrid1_NeedDataSource(object source, GridNeedDataSourceEventArgs e) 
        
                { 
        
                    string sql = @"Select * from " + ViewState["tbName"].ToString() ; 
        
                    SqlConnection oCon = new SqlConnection(DatabaseConnection.ConnectionString); 
        
                    SqlCommand cmd = new SqlCommand(sql, oCon); 
        
                    cmd.CommandType = CommandType.Text; 
        
                    DataTable tblData = new DataTable(); 
        
                    new SqlDataAdapter(cmd).Fill(tblData); 
        
                    RadGrid1.DataSource = tblData; 
        
                } 
        
                bool isGrouping = false; 
        
                protected void RadGrid1_GroupsChanging(object source, GridGroupsChangingEventArgs e) 
        
                { 
        
                    isGrouping = true; 
        
                    if (e.Action == GridGroupsChangingAction.Ungroup && RadGrid1.CurrentPageIndex > 0) 
        
                    { 
        
                        isGrouping = false; 
        
                    } 
        
                } 
        
                protected void RadGrid1_ItemUpdated(object source, Telerik.Web.UI.GridUpdatedEventArgs e) 
        
                { 
        
                    GridEditableItem item = (GridEditableItem)e.Item; 
        
                    String id = item.GetDataKeyValue("ProductID").ToString(); 
        
                    if (e.Exception != null) 
        
                    { 
        
                        e.KeepInEditMode = true; 
        
                        e.ExceptionHandled = true; 
        
                        SetMessage("Product with ID " + id + " cannot be updated. Reason: " + e.Exception.Message); 
        
                    } 
        
                    else 
        
                    { 
        
                        SetMessage("Product with ID " + id + " is updated!"); 
        
                    } 
        
                } 
        
                protected void RadGrid1_ItemInserted(object source, GridInsertedEventArgs e) 
        
                { 
        
                    if (e.Exception != null) 
        
                    { 
        
                        e.ExceptionHandled = true; 
        
                        SetMessage("Product cannot be inserted. Reason: " + e.Exception.Message); 
        
                    } 
        
                    else 
        
                    { 
        
                        SetMessage("New item is inserted!"); 
        
                    } 
        
                } 
        
                protected void RadGrid1_ItemDeleted(object source, GridDeletedEventArgs e) 
        
                { 
        
                    GridDataItem dataItem = (GridDataItem)e.Item; 
        
                    String id = dataItem.GetDataKeyValue("ProductID").ToString(); 
        
                    if (e.Exception != null) 
        
                    { 
        
                        e.ExceptionHandled = true; 
        
                        SetMessage("item with ID " + id + " cannot be deleted. Reason: " + e.Exception.Message); 
        
                    } 
        
                    else 
        
                    { 
        
                        SetMessage("item with ID " + id + " is deleted!"); 
        
                    } 
        
                } 
        
                private void SetMessage(string message) 
        
                { 
        
                    gridMessage = message; 
        
                } 
        
                private string gridMessage = null; 
        
                protected void RadGrid1_DataBound(object sender, EventArgs e) 
        
                { 
        
                    if (!string.IsNullOrEmpty(gridMessage)) 
        
                    { 
        
                        DisplayMessage(gridMessage); 
        
                    } 
        
                } 
        
                private void DisplayMessage(string text) 
        
                { 
        
                    RadGrid1.Controls.Add(new LiteralControl(string.Format("<span style='color:red'>{0}</span>", text))); 
        
                } 
        
            }

Grid

answered on 16 Jul 2009

4 answers

125 views

[Solved] Nav Buttons *inside* the rotator

I'm having a problem similar to this one (http://www.telerik.com/community/forums/aspnet-ajax/rotator/button-click-from-inside-a-rotator.aspx). I am using image buttons *inside* a rotator control (that is in a user control). So for instance the following does not work:

[code]

<

asp:ImageButton ID="imgBtnForward" runat="server" OnClientClick="$find('HomeRotator1$radRotateHome').showNext(Telerik.Web.UI.RotatorScrollDirection.Right);" ImageUrl="/images//but_forward.gif" width="18" height="18" />
[/code]

How can I get this to work properly?

Thanks!

Rotator

answered on 16 Jul 2009

1 answer

941 views

set select tab in client side

when i use a button click event to display content of tab 2 i must do

RadPage_Store.Selected = True for tab 2 content to display otherwise it woudln't display anything beside that tab2 is selected. so i was wondering what is the javascript code that equivalent to RadPage_Store.Selected = True thank you, and why do i have to set

RadPage_Store.Selected = True inorder to have the content show up. thanks.

TabStrip

answered on 16 Jul 2009

2 answers

109 views

Upload textbox problems. Demos have this issue...

The radUpload textbox is acting weird. I tried the telerik demos and they work the same way. IE8 + 7.Problems.

1) you browse for a file with a long path. say c:\123434564576\MyFile.txt.

All that shows is [c:\123434564576]. If you put the caret in the textbox and hit the right arrow key you can't see the end of the file, in this case myfile.txt.

2) when you highlight text with the mouse it doesn't show the blue highlited color, its invisible, even though its highlighted.

3) pasting into the textbox causes errors, the file doesn't upload right.

4) after browse, path is replaced with "fakepath"

Thanks!

Upload (Obsolete)

answered on 16 Jul 2009

2 answers

155 views

GridDropDownColumn dynamic databound

Hello;

I want a dropdownlist like this

<asp:DropDownList ID="den" runat="server" >
        <asp:ListItem>a</asp:ListItem>
        <asp:ListItem>b</asp:ListItem>
        <asp:ListItem>c</asp:ListItem>
        <asp:ListItem>d</asp:ListItem>
</asp:DropDownList>

However I want to use GridDropDownColumn and I don't want to use datasource for this. What and how can I do ?

Grid

answered on 16 Jul 2009

5 answers

264 views

Rad Sliding Pane Colors

Hi -

We decided to use telerik controls on our website, therefore initially we are testing how far we go to change look and feel of controls so they match and fit to our needs graphically.
I am using RadSplitter, and please find below codes :-
<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="950" Height="500" Skin="Forest">
           <telerik:RadPane ID="LeftPane" runat="server" Width="22px" Scrolling="none">
                <telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="22px">
                    <telerik:RadSlidingPane ID="RadSlidingPane1" Title="All Dashboard Reports" runat="server"
                    Width="150px" >
                        <telerik:RadTreeView ID="RadTreeView1" runat="server" OnClientMouseOver= "OnClientMouseOver"
                        EnableDragAndDrop="True" OnClientNodeDropping="OnClientNodeDropping">
                    </telerik:RadTreeView>
                    </telerik:RadSlidingPane>
                </telerik:RadSlidingZone>
            </telerik:RadPane>
            <telerik:RadSplitBar ID="Radsplitbar1" runat="server"></telerik:RadSplitBar>
            <telerik:RadPane ID="MiddlePane1" runat="server" Scrolling="None">
                <telerik:RadSplitter ID="Radsplitter2" runat="server" Orientation="Horizontal" VisibleDuringInit="false">
                    <telerik:RadSplitBar ID="Radsplitbar3" runat="server"></telerik:RadSplitBar>
                    <telerik:RadPane ID="Radpane2" runat="server">
                        <div id="SummaryDiv2" style="width:925px;height:480px;"></div>

                        <telerik:RadWindowManager ID="RadWindowManager1" runat="server" VisibleOnPageLoad="false"
                            VisibleTitlebar="true" VisibleStatusbar="false"
                            ReloadOnShow ="true" ShowContentDuringLoad="true" RestrictionZoneID="SummaryDiv2"
                            Overlay="true" Animation="Fade"
                            MinimizeZoneID="MyMinWins" OnClientCommand="oCCWindow">
                        </telerik:RadWindowManager>

                        <telerik:RadToolTipManager Width="300px" Height="300px" RelativeTo="element"
                            ID="RadToolTipManager1" runat = "server" OffsetX="15" Skin="Telerik" Position="MiddleRight"
                            OnAjaxUpdate="RadToolTipmanager1_AjaxUpdate" >
                        </telerik:RadToolTipManager>

                    </telerik:RadPane>
                </telerik:RadSplitter>
            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadSplitBar2" runat="server"></telerik:RadSplitBar>
            <telerik:RadPane ID="EndPane" runat="server" Width="22px" Scrolling="None">
                <telerik:RadSlidingZone ID="Radslidingzone1" runat="server" Width="22px" SlideDirection="Left">
                    <telerik:RadSlidingPane ID="Radslidingpane5" Title="Company Dashboards" runat="server" Width="150px">
                        <telerik:RadTreeView id="CompTree" runat="server">
                    </telerik:RadTreeView>
                    </telerik:RadSlidingPane>
                    <telerik:RadSlidingPane ID="Radslidingpane6" Title="Personal Dashboards" runat="server" Width="150px">
                       <telerik:RadTreeView ID="DBDTree" runat="server" OnNodeClick="DBDTree_NodeClick">
                        </telerik:RadTreeView>
                    </telerik:RadSlidingPane>
                </telerik:RadSlidingZone>
            </telerik:RadPane>
        </telerik:RadSplitter>

Now you can see that I am having one pane in left and 2 panes in right, what I want to have different colors to each panes, is it possible to have?

Please suggest me a way!

Thanks in advance
Regards
Arindam R

Splitter