Basic Date Picker Documentation

BDPLite.CssClass Property

Gets or sets CSS class applied to the <span> tag that wraps the control.

[Visual Basic]
Overrides Public Property CssClass As String
[C#]
public override string CssClass {get; set;}

Property Value

Default value for the CssClass is basicdatepicker.

Remarks

The default CssClass value of basicdatepicker is contained in the BDPLite.css file. This file can be located within your wwwroot/aspnet_client/ directory.

Example

[Visual Basic, C#] The following example demonstrates how to use the CssClass property to define a custom CssClass . The new custom CssClass adds padding around the date picker and changes the background-color to light grey.

[Visual Basic]
<%@ Page Language="VB" AutoEventWireup="True" %>
<%@ Register TagPrefix="bdp" Namespace="BasicFrame.WebControls" Assembly="BasicFrame.WebControls.BasicDatePicker" %>
<html>
 <head>
    <title>BDP Lite CssClass Example</title>
     <style>
    .bdplite_revised {
        padding: 15px;
        background-color: lightgrey;
        }
    </style>
 </head>
 <body>
     <form id="Form1" runat="server">
         <h3>BDP Lite CssClass Example</h3>
         <BDP:bdplite 
             id="BDPLite1" 
             runat="server"
             CssClass="bdplite_revised">
         </BDP:bdplite>
     </form>
 </body>
</html>

[C#]
<%@ Page Language="C#" AutoEventWireup="True" %>
<%@ Register TagPrefix="bdp" Namespace="BasicFrame.WebControls" Assembly="BasicFrame.WebControls.BasicDatePicker" %>
<html>
 <head>
    <title>BDP Lite CssClass Example</title>
     <style>
    .bdplite_revised {
        padding: 15px;
        background-color: lightgrey;
        }
    </style>
 </head>
 <body>
     <form id="Form1" runat="server">
         <h3>BDP Lite CssClass Example</h3>
         <BDP:bdplite 
             id="BDPLite1" 
             runat="server"
             CssClass="bdplite_revised">
         </BDP:bdplite>
     </form>
 </body>
</html>

See Also

BDPLite Class | BasicFrame.WebControls Namespace