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

RadDatePicker Style Issue

0 Answers 74 Views
Sharepoint Integration
This is a migrated thread and some comments may be shown as answers.
James
Top achievements
Rank 1
James asked on 01 May 2012, 12:05 AM
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:
<%@ 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 />" });
        }
    }
}

No answers yet. Maybe you can help?

Tags
Sharepoint Integration
Asked by
James
Top achievements
Rank 1
Share this question
or