This is a migrated thread and some comments may be shown as answers.

telerik:RadScheduler only appears when I resize the browser

2 Answers 67 Views

Scheduler

This is a migrated thread and some comments may be shown as answers.

Reshma asked on 01 Feb 2012, 09:54 AM

Here is my code for Rad Schduler

HTML source

<head runat="server">

<title></title>

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"

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>

</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?

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

telerik:RadScheduler only appears when I resize the browser

2 Answers, 1 is accepted