Hello,

Following some samples in forums, my intention was to insert an EditorDropDown during Page_Load with

but I get a crash, my editor being created in OnInit with

I suspect that ShowOnfocus is the reason of this crash.

Is it possible to insert a tool during Page_Load when using ShowOnFocus.

Thanks for help.
CS

Hello,

I have a grid that allows the user to reorder columns. I've set AllowColumnsReorder to true, which allows the user to drag and drop to reorder columns, but I'm not sure how I can tell what order the columns are in after the user is done. Can I figure that out by iterating through the Columns collection to find the order of the columns? If so, how would I do that? Alternatively, is there an event that fires when a column is reordered? Should I keep track of the column order using that event?

Thanks!

Hi,

I have radgrid. Inside radgrid there is tabstrip. Tabstrip has button. When i click button i want open radwindow. When i open window i want pass querystring as Id filed.

How can i do that?, Is there any sample?

I try to do like this. But its not working
  "Response.Write("<script language = Javascript>var win= radopen('DocumentInfo.aspx','RadWindow1');</script>");"

lakmal

I have been looking but I can't seem to find an example on this. What I have right now is a rad calendar that is bound to an sql datasource. It views fine. What I want is on the initial page load for everything to be not shown. I will eventually have a treeview on the left side that will have js client events so when  user checks one of the items, it shows the appointment. When they uncheck the item, it will hide the appointment again. I would like to do all of this on the client side. I.e. I want to still load all of the appointments on the page load but set them to hidden. I then want to show only the ones they check on. Is there anyway to do this? Thanks

I am getting the pagemethods is undefined message in my pageLoad method. Can you suggest how to fix this error?

this is my webusercontrol for my grid with the pageload method

 

Thaks for your help - John

and this is the .aspx page which contains the webusercontrol

 

I have one grid on my page, that I am performing Insert/Update/Delete operations on.  On the page I have the RadAjaxManagerProxy (I'm doign this in a UserControl), the RadAjaxLoadingPanel, and the RadGrid.  I am not using a datasource on the page, but am binding to a datasource on the server.  All Insert/Update/Delete events are being bound on the server side also.

All events fire, all data operations are performing correctly, and I am calling the Rebind() method after the data operations.  However, the grid itself does not show the updated results unless I refresh the page completely.

As I've seen suggested on other posts, I've trie disabling the grid viewstate, and tried wrapping the grid in a RadAjaxPanel.  Nothing works.  What do I need to do to get the grid to refresh???

Hi, I would like just basic sorting, but I don't know why, but I don't see link and image, and does't not work...

 <telerik:RadGrid ID="radGridUsers"
                    AllowAutomaticUpdates="False"
                    AllowAutomaticDeletes="False"
                    AutoGenerateColumns="False"
                    AllowPaging="True"
                    AllowSorting="True"
                    GridLines="None"
                    runat="server"
                    AllowMultiRowSelection="True"
                    PageSize="5"
                    OnNeedDataSource="radGridUsers_NeedDataSource"
                    OnItemCommand="radGridUsers_ItemCommand"
                    OnItemCreated="radGridUsers_ItemCreated"
                    OnDataBound="radGridUsers_DataBound" Width="100%">
                    <PagerStyle Mode="NextPrevAndNumeric" />
                    <MasterTableView
                        Width="100%"
                        CommandItemDisplay="Top"                     
                        DataKeyNames="PK_Users"
                        ClientDataKeyNames="PK_Users"
                        OverrideDataSourceControlSorting="true" >
                        <CommandItemTemplate>
                            <div style="padding: 5px 5px;">
                                <asp:LinkButton ID="lnkAdd" OnClientClick="return radGridUsers_AddNewUser();" runat="server">                                    
                                    <img src="<%# GetImage("Add") %>" style="border:0px" alt="" />
                                    <asp:Label ID="Label3" runat="server" meta:resourcekey="GridViewColumn_Command_Insert"  />
                                </asp:LinkButton>
                                &nbsp;&nbsp;                        
                                <asp:LinkButton ID="lnkDelete" runat="server" CommandName="DeleteSelectedUsers">
                                    <img src="<%# GetImage("Delete") %>" style="border:0px" alt="" />
                                    <asp:Label ID="Label2" runat="server" meta:resourcekey="GridViewColumn_Command_Delete"  />                                                             
                                </asp:LinkButton>
                                &nbsp;&nbsp;
                                <asp:LinkButton ID="lnkRefresh" runat="server" CommandName="RebindGrid">
                                    <img src="<%# GetImage("Refresh") %>" style="border:0px" alt="" />
                                    <asp:Label ID="Label1" runat="server" meta:resourcekey="GridViewColumn_Command_Refresh"  />                                 
                                </asp:LinkButton>
                                &nbsp;&nbsp;
                                <asp:LinkButton ID="lnkShowColumnPhoto" runat="server" CommandName="ShowHideColumnPhoto">
                                    <asp:Label ID="Label4" runat="server" meta:resourcekey="GridViewColumn_Command_ShowHidePhoto" Text="Show/hide column photo" />
                                </asp:LinkButton>                                
                                &nbsp;&nbsp;
                                <asp:LinkButton ID="lnkSync" runat="server">
                                    
                                    <asp:Label ID="Label5" runat="server" Text="Synchronise with tavis" />
                                </asp:LinkButton>                                                                
                            </div>
                        </CommandItemTemplate>
                        <Columns>        
                            <telerik:GridBoundColumn DataField="Name" UniqueName="Name"></telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="BadgeCode" UniqueName="BadgeCode"></telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Description" UniqueName="Description"></telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="IsInactive" UniqueName="IsInactive"></telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="IsLocalUser" UniqueName="IsLocalUser"></telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="CardsMode" UniqueName="CardsMode"></telerik:GridBoundColumn>
                            <telerik:GridBinaryImageColumn DataField="Photo" UniqueName="Photo" ImageAlign="NotSet" ImageHeight="80px" ImageWidth="80px" ResizeMode="Fit" />
                        </Columns>
                    </MasterTableView>
                    <ClientSettings>
                        <ClientEvents
                            OnRowDblClick="radGridUsers_ClientRowDblClick"/>
                        <Selecting AllowRowSelect="True"/>
                    </ClientSettings>      
                </telerik:RadGrid>   
             </telerik:RadAjaxPanel>           

Thanks for your help...

I have a calendar you can view here
http://alpha.clickablecommunity.com/Calendar.aspx
When the page loads initially the calendar views fine. However, as soon as you change the view i.e. to day or month the calendar gets wider. However, if you resize your browser window at all (doubleclick to resize down and then resize up again), then it goes back to the proper size. I am completely stumped on this one. Here is my code.
aspx
<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/MasterPage.Master" CodeBehind="Calendar.aspx.vb" Inherits="ClickableCommunity.Calendar" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript">
    function HideAppointment() {  
    
        var Scheduler = $find('<%= RadScheduler1.ClientID %>');  
        var app1 = Scheduler.get_appointments();  
        alert("Hiding the appointment : " + app1.getAppointment(1).get_subject());
        app1.getAppointment(1).style.display = "none";    // Hide the first appointment   
        
    }//HideAppointment
    function ShowAppointment() {  
    
        var Scheduler = $find('<%= RadScheduler1.ClientID %>');  
        var app1 = Scheduler.get_appointments();  
        alert("Showing the appointment : " + app1.getAppointment(1).get_subject());
        app1.getAppointment(1)._domElements[0].style.display = "block";   // Show the first appointment
        
    }//ShowAppointment
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="header" runat="server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="menuContent" runat="server">
<span style="padding-left:10px;">Coming soon...<br />
                                <a href="#" onclick="HideAppointment()">Hide</a></span>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
<div id="divCalendar">
    <telerik:RadScheduler ID="RadScheduler1" runat="server" Height="500px"
                          HoursPanelTimeFormat="htt" Skin="Web20" ValidationGroup="RadScheduler1"
                          GroupingDirection="Vertical" CssClass="calendarView"
        SelectedView="WeekView"
        WeekView-DayStartTime="08:00:00"
        WeekView-DayEndTime="23:59:00"
        WeekView-WorkDayEndTime="23:59:00"
        WeekView-WorkDayStartTime="08:00:00"
        WorkDayEndTime="23:59:00"
        DayEndTime="23:59:00"
        DayView-DayEndTime="23:59:00"
        DayView-DayStartTime="08:00:00"
        DayView-WorkDayEndTime="23:59:00"
        DayView-WorkDayStartTime="08:00:00" AllowDelete="false" AllowEdit="false" AllowInsert="false"
        TimelineView-NumberOfSlots="7">
        <DayView GroupingDirection="Horizontal" UserSelectable="True"  />
        <TimelineView GroupingDirection="Horizontal" />
        <WeekView GroupingDirection="Horizontal" />
    </telerik:RadScheduler>
    </div>
<asp:SqlDataSource ID="eventsDataSource" runat="server"
    ConnectionString="<%$ ConnectionStrings:connectionString %>"
    SelectCommand="returnAllEvents" SelectCommandType="StoredProcedure">
</asp:SqlDataSource>
</asp:Content>

VB
Imports System.Data
Imports System.Data.Sql
Imports System.Data.SqlClient
Imports Telerik.Web.UI
Partial Public Class Calendar
    Inherits System.Web.UI.Page

    'my connection string
    Dim conn As String = System.Configuration.ConfigurationManager.ConnectionStrings("connectionString").ToString
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If Not (Page.IsPostBack) Then

            Dim table As DataTable = New DataTable()
            table.Columns.Add("start")
            table.Columns.Add("end")
            table.Columns.Add("key")
            table.Columns.Add("subject")

            'my sql connection
            Dim myConn As New Data.SqlClient.SqlConnection(conn)

            'the name of the stored procedure
            Dim strSQL = "returnAllEvents"

            Dim returnCommand As New Data.SqlClient.SqlCommand(strSQL, myConn)

            'tell the system it is a stored procedure
            returnCommand.CommandType = CommandType.StoredProcedure

            Try
                myConn.Open()
                Dim dr As SqlDataReader = returnCommand.ExecuteReader()

                While dr.Read()

                    '0eventid, 1FK_CategoryID, 2latitude, 3longitude, 4events.name, 5description, 6businesses.name,
                    '7starttime, 8stoptime, 9locations.street, 10locations.city, 11locations.state, 12locations.zip

                    'set all of the textboxes to the input
                    table.Rows.Add(New String() {dr.Item(7), dr.Item(8), dr.Item(0), _
                                                 "Name: " & dr.Item(6)})

                End While 'while dr.read()

            Catch ex As Exception

            Finally

            End Try

            Dim calendar As RadScheduler = RadScheduler1
            calendar.DataSource = table
            calendar.DataStartField = "start"
            calendar.DataEndField = "end"
            calendar.DataKeyField = "key"
            calendar.DataSubjectField = "subject"
            calendar.DataBind()

        End If 'if not page.ispostback
    End Sub

End Class

Master page
 <%@ Master Language="VB" AutoEventWireup="false" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register TagPrefix="loginDivTemplate" TagName="login" src="/ascx/loginTemplate.ascx"%>
<!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">
<%@ import namespace="System.Data" %>
<%@ import namespace="System.Data.Sql" %>
<%@ import namespace="System.Data.SqlClient" %>
<%@ import namespace="Telerik.Web.UI" %>
<head id="Head1" runat="server">
    <link href="ClickableCommunity.css" rel="stylesheet" type="text/css" />
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body id="MasterBody" runat="server" style="margin: 0px; height: 100%; overflow: hidden;">
    <form id="Form1" method="post" runat="server" style="height: 100%">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <br />
    <asp:ContentPlaceHolder ID="header" runat="server">
    </asp:ContentPlaceHolder>
    <div id="loginDiv">
        <loginDivTemplate:login id="loginPanelContent" runat="server"></loginDivTemplate:login>
    </div>
    <div id="topDiv">
        <div id="image" class="topDivImage">
            <img src="images/logo.jpg" alt="Clickable Community Logo" width="200" height="75" />
        </div>
        <div id="viewMenu" class="viewMenu">
            <center>
                <table><tr><td>
                    <telerik:RadMenu ID="RadMenu1" runat="server" Skin="Web20">
                        <Items>
                            <telerik:RadMenuItem runat="server" Text="Events View">
                                <Items>
                                    <telerik:RadMenuItem runat="server" NavigateUrl="~/Default.aspx" Text="Map">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" NavigateUrl="~/Lis.aspx" Text="List">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Calendar" NavigateUrl="Calendar.aspx">
                                    </telerik:RadMenuItem>
                                </Items>
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenu>
                </td></tr></table>
            </center>
        </div>
    </div>
    <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical" Width="100%" CssClass="AllContent" LiveResize="true">
        <telerik:RadPane ID="LeftRadPane1" runat="server" Width="220px" Scrolling="Both"
            BorderStyle="None" BorderSize="0">
            <div id="leftPanel">
                <asp:ContentPlaceHolder ID="menuContent" runat="server">
                    
                </asp:ContentPlaceHolder>
            </div>
        </telerik:RadPane>
        <telerik:RadSplitBar runat="server" ID="RadSplitBar2" CollapseMode="Forward" EnableResize="false"
            ForeColor='Green' />
        <telerik:RadPane ID="RightRadPane1" runat="server" CssClass="RightPanelPadding" Scrolling="Both"
            BorderStyle="None" BorderSize="0" Height="100%">
            <asp:ContentPlaceHolder ID="MainContent" runat="server">
            
            </asp:ContentPlaceHolder>
        </telerik:RadPane>
        
    </telerik:RadSplitter>
    </form>
</body>
</html>
And css
html, body, form  
{  
   height: 100%;
   width: 100%;
   margin: 0;  
   padding:0;  
}
#leftPanel{
    display:inline;
    width:220px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
        
}
.normalText{
    font-size:12px;
    font-family: Arial;
}
.loginLabel{
    padding-right: 10px;
    padding-bottom: 10px;
}
.loginTextBox{
    width: 120px;
}
.leftPanelContent{
    padding-bottom: 30px;
}
#topDiv{
    height: 60px;
    border-bottom-width: 4px;
    border-bottom-color: Gray;
    border-bottom-style:groove;
        
}
.calendarView{
    width:auto !important;
}
.tableColumn{
    width:150px;
}
#loginDiv{
    position: absolute;
    display:inline;
    right: 10px;
    top: 5px;
}
#menuDiv{
    position: absolute;
    padding-top: 75px;
    margin-left: auto;
    margin-right:auto;
}
.AllContent{
    border-right: none;
    height: auto;
    
}
.businessToolTip{
    position: absolute;
    z-index: 500;
    top:300px;
    left:300px;
}
.stateDropDownText{
    font-size: 11px;
    font-family: Arial;

}
.adminTableDiv{
    text-align: center;
    width: 200px;
    height:100%;
    padding-right:20px;
    display: inline;
}
.adminMainDiv{
    width: 420px;
}
.center{
    padding-left:auto;
    padding-right:auto;
}
.textRed{
    color: Red;
}
.successText{
    color:Green;
}
.addBusinessSpacing{
    padding-right: 20px;
    height: 70px;
}
.adminTableLabel{
    text-align: center;
    display: block;
}
.addBusinessTextBox{
    width:150px;
    text-align:center;
}
#MainContent{
    display:inline;

}
.displayInline{
    display: inline;
}
#divMap{
    height: 500px;
    border: groove 4px #EEEEEE;
    border-right: groove 4px #EEEEEE;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
}
#divCalendar{
    height: 500px;
    border: groove 4px #EEEEEE;
    margin-left: auto;
    margin-right: auto;
    width:auto;
}
.RightPanelPadding
{
    position: relative;
    height:auto !important;
    padding-left: 10px;
    padding-top:10px;
    padding-right:10px;
    padding-bottom: 10px;
    margin-top: auto;
    margin-bottom: auto;
    
    
}
.errorMessage{
    color: Red;
    font-size: 10px;
    font-family: Arial;
}
.topDivImage{
position: absolute;
top: 0;
left: 0;
display:inline;
width:220px;
}
.viewMenu{
padding-left:220px;
margin-right:auto;
margin-left:auto;
text-align:center;
width:800px;
vertical-align:bottom;
padding-top: 34px;
}
.emptyTextboxText{

    font-style:italic;
    font-size:10px;
    color: #D8D8D8;

}

Although I bind it in the codebehind, you can do it in the aspx page and get the same problem. Any ideas? Thanks,

Hi all, I'm having a bit of a strange problem (albeit minor) in which if the ComboBox is clicked before a page is finished loading, the menu opens up in the bottom right corner of the page as apposed to under the combobox as it should be.  I'm wondering if this is a documented issue or if it is something that should be fixable on my end.  This isn't a major issue as our clients would really have to WORK to click the combobox box before the page loads and still the combobox still functions, however I'd really like to fix this problem if possible!

Thank you!