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?