telerik:RadScheduler only appears when I resize the browser

3 posts, 0 answers
  1. Reshma
    Reshma avatar
    3 posts
    Member since:
    Jul 2012

    Posted 01 Feb 2012 Link to this post

    Here is my code for Rad Schduler

    HTML source

    <head runat="server">
    <title></title>
        rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#tabs").tabs();
        });
    </script>
    <style>
        .rsMonthView .rsApt
        {
            width: 100% !important;
        }
    </style>
    </head>
    <body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Scheduler1</a></li>
            <li><a href="#tabs-2">Scheduler2</a></li>
        </ul>
        <div id="tabs-1">
            <telerik:RadScheduler ID="RadScheduler1" runat="server" Height="700px" Skin="Windows7"
                DataStartField="sdate" DataSubjectField="tasks" DataEndField="sdate" DataKeyField="ts_key"
                AllowDelete="false" AllowEdit="false">
                <TimelineView UserSelectable="false" />
            </telerik:RadScheduler>
        </div>
        <div id="tabs-2">
            <telerik:RadScheduler ID="RadScheduler2" runat="server" Height="700px" Skin="Windows7"
                DataStartField="sdate" DataSubjectField="tasks" DataEndField="sdate" DataKeyField="ts_key"
                AllowDelete="false" AllowEdit="false">
                <TimelineView UserSelectable="false" />
            </telerik:RadScheduler>
        </div>
    </div>
    </form>

    code behind

    protected void Page_Load(object sender, EventArgs e)
    {
        SqlConnection con = new SqlConnection("Connection String");
        SqlDataAdapter adp = new SqlDataAdapter();
        adp.SelectCommand = new SqlCommand();
        adp.SelectCommand.CommandType = CommandType.StoredProcedure;
        adp.SelectCommand.CommandText = "GetScheduleView";
        adp.SelectCommand.Connection = con;
        DataSet ds = new DataSet();
        con.Open();
     
        adp.Fill(ds, "Appointment");
     
        RadScheduler1.DataSource = ds.Tables[0].DefaultView; ;
     
        RadScheduler1.DataBind();
     
        RadScheduler1.SelectedView = SchedulerViewType.MonthView;
     
        RadScheduler2.DataSource = ds.Tables[0].DefaultView; ;
     
        RadScheduler2.DataBind();
     
        RadScheduler2.SelectedView = SchedulerViewType.MonthView;
    }

    this works fine in IE Browser

    but in mozilla firefox when I resize the browser then only radscheduler in 2nd tab is displayed.

    how can it be displayed on tab change only.means when 2nd tab is selected.

    how can i resolve this?

  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 01 Feb 2012 Link to this post

    Hello Reshma,

    Can you send us a live url of this issue?

    All the best,
    Peter
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. Reshma
    Reshma avatar
    3 posts
    Member since:
    Jul 2012

    Posted 01 Feb 2012 Link to this post

    Hello Peter

    m not having live url for this.
    i tried for only an example with the code which i had given in issue.

    Reshma.
Back to Top