SharePoint 2010 CSS: List of Useful Styles

Below is my list of useful styles that I have used so far. Click styles to see screenshot and default style settings.

@charset “utf-8″;
/* CSS Document */

/* I changed the text color in the body to black  */

body  {
color: black;
}

/* The very top bar (dark blue by default). I added the /selbg.png to get the gradient effect, and changed the bg color */
.ms-cui-topBar2 {
background:url(“/_layouts/images/selbg.png”) repeat-x left top;
background-color:#500000;
}

/* The middle title area with the logo */
.s4-title {
background-color:#c8BD9b;
}

/* The top header area. I customized the bg-color to #500000 */
body #s4-topheader2 {
background:url(“/_layouts/images/selbg.png”) repeat-x left top;
background-color:#500000;
}

/* The top menu items */
.s4-toplinks .s4-tn A.selected {
background-color:#ccc;
border-color:#cccccc;
font-weight:bold;
}

/* Top Menu Parent (static) Menu Items */
.s4-tn LI.static > .menu-item {
background-color:#666666;
background-image:none;
border-left: white 1px solid;
border-right: white 1px solid;
color: #FFFFFF;
}

/* Top Menu Child (dynamic) Menu Items in drop-down menu */
.s4-tn LI.dynamic > .menu-item {
background-color:#666666;
background-image:none;
border: #333333 1px solid;
color: #FFFFFF;
}
.s4-tn LI.dynamic > a:hover {
background-color:#999;
}

/* Quick-Launch Menu */
Body #s4-leftpanel-content {
background-color:#500000;
}

/* Menu Headings and Sites */
.menu-item {
background:url(“/_layouts/images/selbg.png”) repeat-x left top;
background-color:#c8bd9b;
}

/*Menu items: parent items */
.s4-ql UL.root > LI > .menu-item {
border-top: #332c2c 1px solid;
border-left: #500000 1px solid;
border-right: #500000 1px solid;
font-weight:bold;
font-size:1.0em;
color:#003399;
}

/* Menu items: child items */
.s4-ql UL.root UL > LI > A {
background:url(“”) repeat-x left top;
background-color:#d9d1bd;
color:#003399;
padding-left:15px;
font-size:.9em;
border-top: #500000 1px solid;
border-left: #500000 1px solid;
border-right: #500000 1px solid;
}

/* Menu items */
.s4-ql UL.root > LI > .menu-item {
border-top: #500000 1px solid;
font-weight:bold;
}

/* Special Menu Items: Recycle Bin, All Site Content */
.s4-specialNavLinkList {
background-color:#c8bd9b;
border: #500000 1px solid;
}

/* Web Part Headers */
.ms-WPHeader {
background-color:#ccc;
}

/* Web Part Headers Title */
.ms-WPTitle {
color:black;
font-weight:bold;
}

/* Breadcrumb Area */
.ms-pagebreadcrumb {
background-color:#d9d1bd;
padding: 4px 0px 4px 8px;
color:#676767;
border: white 1px solid;
}

/* Web Part Body Text > A (makes it a darker blue than default blue #0072bc*/
.ms-WPBody A:link {
color:#003399;
}

Programatically Binding Values to People Picker

try
            {
                SPSecurity.RunWithElevatedPrivileges(delegate()
                {
                    SPSite site = SPContext.Current.Site;

                    SPWeb web = site.OpenWeb();
                    web.AllowUnsafeUpdates = true;
                    SPList list = web.Lists["SendDocument"];
                    SPListItem item = list.Items.Add();
                    //string testuser = PeopleTo.CommaSeparatedAccounts.ToString();
                    //SPUser newUser = SPContext.Current.Web.EnsureUser(PeopleTo.CommaSeparatedAccounts.ToString());
                    item["To"] = SPContext.Current.Web.EnsureUser(PeopleTo.CommaSeparatedAccounts.ToString());
                    item["tcc"] = txtBx.Text.ToString();
                    item.Update();
                    web.AllowUnsafeUpdates = false;

                });
            }
            catch (Exception)
            {
             
                throw;
            }

Client object Model Using Silverlight in SharePoint (Getting Records From SharePoint List)

ClientContext context = new ClientContext(ApplicationContext.Current.Url);  

  context.Load(context.Web);

  List Projects = context.Web.Lists.GetByTitle("Opportunity Financial Data");

  context.Load(Projects);           

  CamlQuery query = new Microsoft.SharePoint.Client.CamlQuery();

  string startDateFx = FirstDate.ToString("yyyy-MM-dd");

  string endDatFx = LastDate.ToString("yyyy-MM-dd");

  camlQueryXml = "<View><Query><Where><And><Geq><FieldRef Name='Created' /><Value IncludeTimeValue='FALSE' Type='DateTime'>" + startDateFx + "</Value></Geq><Leq><FieldRef Name='Created' /><Value IncludeTimeValue='FALSE' Type='DateTime'>" + endDatFx + "</Value></Leq></And></Where></Query></View>";

  query.ViewXml = camlQueryXml;

  _financialData = Projects.GetItems(query);

  context.Load(_financialData);

 context.ExecuteQueryAsync(new ClientRequestSucceededEventHandler(OnRequestSucceeded), null);

///

private void OnRequestSucceeded(Object sender, ClientRequestSucceededEventArgs args)

 {        

     Dispatcher.BeginInvoke(BindData);

 }

//The BindData method will refer the Items which are going to bind to GridView

//Note : To bind the data to gridview use the "_financialData" collection

Manage blocked file types (SharePoint Server 2010)

Add or remove blocked file types

Use this procedure when you want to prohibit files of a specific type from being saved or retrieved from any Web application on a server.

To add or remove blocked file types by using Central Administration

1. Verify that you have the following administrative credentials.(You must be a farm administrator on the server.)
2. In Central Administration, click Security.
3. On the Security page, in the General Security section, click Define blocked file types.
4. On the Blocked File Types page, if you want to change the selected Web application, on the            Web Application menu, click Change Web Application. Use the Select Web Application page to select a Web application.
5.  Do one of the following:

• To block an additional file type, scroll to the bottom of the Type each file extension on a separate line text box, type the file extension you want to block, and then click OK.

Note:

You do not have to type a file extension in the list in alphabetical order. The next time you open the list, the file extension you added will be correctly sorted in alphabetical order.

· To stop blocking a file type, select a file type from the list, press the Delete key, and then click OK.

Programatically Getting url of site

SPSite osite = new SPSite(Request.QueryString["SiteURL"]);
            SPWeb rWeb = osite.RootWeb;
            //siteName.Text = rWeb.Title;
            SPWeb oweb = osite.OpenWeb();
           // webName.Text = oweb.Title;
            SPList ilist = oweb.Lists[new Guid(Request.QueryString["ListID"])];
            SPListItem iitem = ilist.GetItemById(Convert.ToInt16(Request.QueryString["ItemId"]));
           // listName.Text = ilist.Title;

            lblurl.Text = rWeb.Url + "/" + oweb.Title + "/" + ilist.Title;

How to print a panel in SharePoint 2010

<Script type="text/javascript">

        function printform() {

            var printContent = document.getElementById("<%= pnlFullForm.ClientID %>");

            var windowUrl = "about:blank";

            var uniqueName = new Date();

            var windowName = "Print" + uniqueName.getTime();

            var printWindow = window.open(windowUrl, windowName, "left=50000,top=50000,width=0,height=0");

            printWindow.document.write(printContent.innerHTML);

            printWindow.document.close();

            printWindow.focus();

            printWindow.print();

            printWindow.close();

        }

</script>

**********************************************

<input type="button" value="Print" id="btnPrint" title="Print" onclick="printform();"

                    class="ms-ButtonHeightWidth" />

SharePoint 2010 Best Practices

http://channel9.msdn.com/learn/courses/SharePoint2010Developer/BestPractices/DesignConsiderations
http://msdn.microsoft.com/en-us/library/ff770300.aspx