I am using RadDatePicker in an application page. The issue is that the control expands to the full page width and displays with block format instead of inline when browsing the page in IE9's compatibility mode. How do I fix this behavior?
Markup:
C#:
Markup:
<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %><%@ Import Namespace="Microsoft.SharePoint.ApplicationPages" %><%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %><%@ Register Tagprefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %><%@ Import Namespace="Microsoft.SharePoint" %><%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %><%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadDateTest.aspx.cs" Inherits="Test.SharePoint.Layouts.RadDateTest" DynamicMasterPageFile="~masterurl/default.master" %><asp:Content ID="PageHead" ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server"></asp:Content><asp:Content ID="Main" ContentPlaceHolderID="PlaceHolderMain" runat="server"> <asp:Panel ID="pnlControls" runat="server"> </asp:Panel></asp:Content><asp:Content ID="PageTitle" ContentPlaceHolderID="PlaceHolderPageTitle" runat="server">Application Page</asp:Content><asp:Content ID="PageTitleInTitleArea" ContentPlaceHolderID="PlaceHolderPageTitleInTitleArea" runat="server" >My Application Page</asp:Content>C#:
using System;using Microsoft.SharePoint;using Microsoft.SharePoint.WebControls;using System.Web.UI.WebControls;using Telerik.Web.UI;namespace Test.SharePoint.Layouts{ public partial class RadDateTest : LayoutsPageBase { protected void Page_Load(object sender, EventArgs e) { CreateDateField(0, "One", false); CreateDateField(1, "Two", true); } private void CreateDateField(int ID, string name, bool isRequired) { // Creates a lable with the name of the selection... Label lbl = new Label(); lbl.Width = 160; lbl.ID = "lblItem" + ID.ToString(); lbl.Text = name + ":"; lbl.Style.Add("font-weight", "700"); this.pnlControls.Controls.Add(lbl); // Creates a date picker text box RadDatePicker txt = new RadDatePicker(); txt.Width = 230; txt.ID = "datItem" + ID.ToString(); txt.Style.Add("margin-top", "3px"); txt.Calendar.ShowRowHeaders = false; txt.ShowPopupOnFocus = true; this.pnlControls.Controls.Add(txt); // If it is required, then add a lable showing its required... if (isRequired) { Label lblReq = new Label(); lblReq.ID = "lblRequired" + ID.ToString(); lblReq.Text = "*"; lblReq.Style.Add("margin-left", "15px"); lblReq.Style.Add("color", "Red"); this.pnlControls.Controls.Add(lblReq); } // Add a new lable for a new line feed in HTML. this.pnlControls.Controls.Add(new Label() { Text = "<br />" }); } }}