SharePoint 2010 User Interface

By -

SharePoint 2010 User Interface

Data is worthless without interface. In SharePoint 2010 you can create the User Interface many ways. You can build SharePoint UI's.   
  1. Creating Asp.net Web pages.
  2. Using JavaScript
  3. Sliverlight
  4. InfoPath forms.

This page contains the list of good design resources available for designing as well as deploy  Theme using visual Studio 2010. Below this List of tools available for implementing SharePoint UI Design as well as deploy the SharePoint 2010 Theme as a feature.

  1. SharePoint Designer 2010.
    1. SharePoint CSS Theme: under Standing the good CSS and HTML as compares with SharePoint 2007. SharePoint 2010 using the new theme engines for generating the dynamic images CSS theme functions. You can learn the theme engine. SharePoint provide 12 set of colors and 2 font  and use some permutation and generate 5 different sheds(lightest, lighter, medium, darker, darkest) of color from these 12 colors -> dark1, dark2, light1, light2, accent1, accent2, accent3, accent4, accent5, accent6, highperlink and followedhighperlink. Sharepoint use 3 methods to replace your default color with theme color methods are ReplaceColor, ReplaceImage, ReplaceFont. The theme engine read the commented code in css file and repalce the default color with theme color. In my example comment line has ReplaceColor. This theme engine method pick dart2-Lightest color from the theme and replace #000000 color with actual theme color. ex. /* [ReplaceColor(themeColor:"dark2-Lightest")] */ background-color:#000000;
    2. Check the CSS theme engine
    3. SharePoint Theme
    4. SharePoint2010 CSS Reference Chart
    5. SharePoint2010 CSS Reference in Master Page
    6. The shiny new CSSRegistration control in SharePoint 2010
    7. Use @font-face in Rich Text Editor of SharePoint 2010
  2. List of Starter Master Pages for designs
    1. Starter Master Pages for SharePoint 2010
  3. Visual studio 2010.
    1. CKDEV  Easily create SharePoint feature element that’s includes SharePoint Master Page, CSS and feature recover that allows you to active and deactivate the master page feature. In SharePoint Empty project template add new “Branding (cksdev)” item.





Comments

Post a Comment

Popular posts from this blog

SharePoint RPC Protocols Examples Using OWSSVR.DLL

By -
Image
What is SharePoint RPC Protocols? Part 1 This reference includes information about the methods and usage of SharePoint Foundation Remote Procedure Call (RPC) protocol. This protocol can be used in Win32-based applications or in ASPX applications to make HTTP POST requests to the server. Methods in this protocol that do not modify the contents of the database can also be used in URL protocol to make HTTP GET requests. Definition taken from http://msdn.microsoft.com/en-us/library/ms448359.aspx You will find the OWSSVR.DLL in SharePoint 2010 Server Physical Path: C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\ISAPI and MOSS C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\ISAPI OWSSVR.DLL List of commands DialogView  Display ExportList GetProjSchema GetUsageBlob HitCounter RenderView To read more about the OWSSVR.DLL command Please read the URL Protocol from Microsoft Blog having a URL http://msdn.microsoft.com/en-us/
Read more

Send Email using SharePoint Rest API

By -
We have a requirement to send email vai SharePoint Rest API. We dig and find the below solution to send email using SharePoint API. Point Must be remember End point " /_api/SP.Utilities.Utility.SendEmail " end point to send email.  In JSON __metadata we used the type " SP.Utilities.EmailProperties ". The User / Group must have a read permission for particular site. where we placed this site code. JS Dependency  JQuery Code URL:  https://gist.github.com/BasantPandey/05189832546f2c6cc0bd008fcfec3264#file-sharepointsendemail-js Code  var Email = function (){ // Email Either email groupname or email address var from = ' abc.yahoo.com ' , to = ' abc.yahoo.com ' , cc = ' abc.yahoo.com ' , subject = ' My Email Subject ' ; this . options = this . options || {}; this . options [ ' fromEmail ' ] = this . options [ ' fromEmail ' ] || {}; this . options [ ' toEmail &
Read more

Query suggestions in SP 2013 Using Rest API (/_api/search/suggest)

By -
Image
SharePoint Query suggestions: In this post I am going to share with you code snippets to implement the query suggestion in custom text box. Below are the dependency files  1. Jquery UI : http://code.jquery.com/ui/1.10.0/jquery-ui.js 2. Jquery AutoComplete CSS: http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css http://code.jquery.com/ui/1.10.0/themes/base/jquery.ui.autocomplete.css 3. JQuery: http://code.jquery.com/jquery-1.8.3.js Query Suggestion Parameter: Here is the post http://blogs.msdn.com/b/nadeemis/archive/2012/08/24/sharepoint-2013-search-rest-api.aspx that specified the detail query suggestions parameter list. Implementation: I have two vertical examples. 1. People Vertical 2. Everything Vertical I wanted to display the query suggestions on TeamSite pages although my search is configured in one of our serach center, so when user search for a particular term and it contains in the search query completion list t
Read more