Tag Archives: DESIGN

What a modern intranet home page looks like (Sharepoint 2013)

Free SharePoint 2013 eBooks

SharePoint-2013

Looking for new and free SharePoint reference books? This eBook collection will certainly satisfy your appetite for improvement in SharePoint technology field. There’s plenty of valuable tutorials here to keep you busy reading for a while. Be sure to grab few of these eBooks, check more related goodies at the bottom and don’t forget to tell us what you think.

SharePoint 2013 WCM Advanced Cookbook

Buy the paper bookSharePoint 2013 Server includes new and improved features for web content management that simplify how you design publishing sites, and enhances the authoring and publishing processes of organizations.

With SharePoint 2013 WCM Advanced Cookbook, you will learn about a full-fledged web content management system using Microsoft SharePoint Server 2013.

Publisher: Packt Publishing

By: John Chapman

Published Year: 2014
Pages: 436
Download PDF (7 MB)
Buy the paper book version


SharePoint 2013 Branding and User Interface Design

Buy the paper bookIf you are planning, designing, and launching your brand using SharePoint, this book and author trio will walk you through everything you need to know in an understandable and approachable way.
This visual book provides step-by-step instructions in a simple and striking format that focuses on each of the tasks you will face in your own branding project.

Publisher: Wrox
By: Randy Drisgill, John Ross, Paul Stubbs
Published Year: 2013
Pages: 432
Download PDF (54 MB)
Buy the paper book version


Pro SharePoint 2013 App Development

Buy the paper bookUsing step-by-step tutorials, author Steve Wright creates a sample SharePoint app throughout the course of the book, and you can walk with him through the entire lifecycle of a SharePoint app.

Publisher: Apress
By: Steve Wright
Published Year: 2013
Pages: 432
Download PDF (15.5 MB)
Buy the paper book version


Microsoft SharePoint 2013 App Development

Buy the paper bookLed by two SharePoint experts, you’ll learn development techniques such as building app lists, creating event handlers, and the major classes in the object model that provide access to content stored in SharePoint.

Publisher: Microsoft Press
By: Scot Hillier, Ted Pattison
Published Year: 2013
Pages: 202
Download PDF (34 MB)
Buy the paper book version


Pro SharePoint 2013 Branding and Responsive Web Development

Buy the paper bookPro SharePoint 2013 Branding and Responsive Web Development is the definitive reference on the technologies, tools, and techniques needed for building responsive websites and applications with SharePoint 2013. The book focuses on solutions that provide the best browser experience for the myriad of devices, browsers, and screen orientations and resolutions.

Publisher: Apress
By: Eric Overfield, Rita Zhang, Oscar Medina, Kanwal Khipple
Published Year: 2013
Pages: 580
Download PDF (26 MB)
Buy the paper book version


Microsoft SharePoint 2013: Designing and Architecting Solutions

Buy the paper bookDetermine the best design for your SharePoint implementation by gaining a deeper understanding of how the platform works. Written by a team of SharePoint experts, this practical guide introduces the Microsoft SharePoint 2013 architecture, and walks you through design considerations for planning and building a custom SharePoint solution. It’s ideal for IT professionals, whether or not you have experience with previous versions of SharePoint.

Publisher: Microsoft Press
By: Shannon Bray, Miguel Wood, Patrick Curran
Published Year: 2013
Pages: 488
Download PDF (55 MB)
Buy the paper book version


SharePoint 2013 User’s Guide, 4th Edition

Buy the paper bookMicrosoft SharePoint 2013 provides a collection of tools and services you can use to improve user and team productivity, make information sharing more effective, and facilitate business decision–making processes. In order to get the most out of SharePoint 2013, you need to understand how to best use the capabilities to support your information management, collaboration, and business process management needs. The SharePoint 2013 User’s Guide is designed to provide you with the information you need to effectively use these tools.

Publisher: Apress
By: Anthony Smith
Published Year: 2013
Pages: 536
Download PDF (53 MB)
Buy the paper book version


Microsoft SharePoint 2013 Inside Out

Buy the paper bookYou’re beyond the basics, so dive right into SharePoint 2013—and really put your business collaboration platform to work! This supremely organized reference packs hundreds of timesaving solutions, troubleshooting techniques, and workarounds. It’s all muscle and no fluff. Discover how the experts facilitate information sharing across the enterprise—and challenge yourself to new levels of mastery.

Publisher: Microsoft Press
By: Darvish Shadravan, Penelope Coventry, Thomas Resing, Christina Wheeler
Published Year: 2013
Pages: 904
Download PDF (124 MB)
Buy the paper book version


Pro SharePoint 2013 Administration, 2nd Edition

Buy the paper bookPro SharePoint 2013 Administration is a practical guide to SharePoint 2013 for intermediate to advanced SharePoint administrators and power users, covering the out-of-the-box feature set and capabilities of Microsoft’s collaboration and business productivity platform.

Publisher: Apress
By: Robert Garrett
Published Year: 2013
Pages: 655
Download PDF (32 MB)
Buy the paper book version


Professional SharePoint 2013 Administration

Buy the paper bookThe new iteration of SharePoint boasts exciting new features. However, any new version also comes with its fair share of challenges and that’s where this book comes in. The team of SharePoint admin gurus returns to presents a fully updated resource that prepares you for making all the new SharePoint 2013 features work right. They cover all of the administration components of SharePoint 2013 in detail, and present a clear understanding of how they affect the role of the administrator.

Publisher: Wrox
By: Shane Young, Steve Caravajal, Todd Klindt
Published Year: 2013
Pages: 840
Download PDF (56 MB)
Buy the paper book version


Practical SharePoint 2010 Branding and Customization

Buy the paper bookWith Practical SharePoint 2010 Branding and Customization, SharePoint branding expert Erik Swenson cuts through the fluff and discusses accessible, easy-to-understand consulting and processes to create aesthetically pleasing, highly usable branded and customized SharePoint websites, both internally and externally. Designed to be a quick reference, how-to guide that lets you dive straight into the task at hand, you’ll find this book’s attention to detail and pragmatism make it an attractive companion during your branding experience.

Publisher: Apress
By: Erik Swenson
Published Year: 2013
Pages: 368
Download PDF (7 MB)
Buy the paper book version


Professional SharePoint 2013 Development

Buy the paper bookA team of well-known Microsoft MVPs joins forces in this fully updated resource, providing you with in-depth coverage of development tools in the latest iteration of the immensely popular SharePoint. From building solutions to building custom workflow and content management applications, this book shares field-tested best practices on all aspect of SharePoint 2013 development.

Publisher: Wrox
By: Reza Alirezaei, Brendon Schwartz, Matt Ranlett, Scot Hillier, Brian Wilson, Jeff Fried, Paul Swider
Published Year: 2013
Pages: 816
Download PDF (47 MB)
Buy the paper book version


Exploring Microsoft SharePoint 2013

Buy the paper bookYour guide to the most significant changes in SharePoint 2013. Discover what’s new and what’s changed in SharePoint 2013—and get a head start using these cutting-edge capabilities to improve organizational collaboration and effectiveness.

Led by a Microsoft MVP for SharePoint, you’ll learn how to take advantage of important new features and functionality, including app development, collaborative social enterprise tools, enhanced versioning, themes, improved search, and an extended client object model.

Publisher: Microsoft Press
By: Penelope Coventry
Published Year: 2013
Pages: 200
Download PDF (17 MB)
Buy the paper book version


SharePoint 2013 For Dummies

Buy the paper bookSharePoint Portal Server is an essential part of the enterprise infrastructure for many businesses. Building on the success of previous versions of SharePoint For Dummies, this new edition covers all the latest features of SharePoint 2013 and provides you with an easy-to-understand resource for making the most of all that this version has to offer. You’ll learn how to get a site up and running, branded, and populated with content, workflow, and management. In addition, this new edition includes essential need-to-know information for administrators, techsumers, and page admins who want to leverage the cloud-hosted features online, either as a standalone product or in conjunction with an existing SharePoint infrastructure.

Publisher: Wiley
By: Ken Withee
Published Year: 2013
Pages: 384
Download PDF (32 MB)
Buy the paper book version

If you are unable to download email me

Ref : topsharepoint

Making SharePoint Look Good!

This presentation walks users through what to expect when trying to make SharePoint look good with emphasis on some of the points that should be considered before diving in. The presentation covers the publishing features, the components of a publishing solution and helpful tips to consider when designing for SharePoint. Additionally, the demo at the end shows to two most common tasks when it comes to creating a publishing site: building a page layout and using the content query web part for content roll up. Learn more about Eastridge.

Using jQuery validation in a sharepoint web part

As we all know, a SharePoint page can only have one <form > tag in it. As anyone who wanted to use jQuery validation knows, the validation script needs to run on a form tag.
So how do I use the validation code in a sharepoint web part?

The answer is to run the script against the form that already exists in the page. For example, I had to write a web part with an email address field, and wanted to help the users by validating the text they entered is a valid email address on the client side (I also validate on the server side – just in case someone is running a browser with no script). This is the “Render” override code that I used:

txtEmailAddress1.CssClass = “required email”;

       base.Render(writer);
       if (SPContext.Current.FormContext.FormMode != Microsoft.SharePoint.WebControls.SPControlMode.Edit)
       {
              writer.Write(@"<script>
$().ready(function() {
    $(""#" + this.Page.Form.ClientID + @""").validate();
});
</script>
");
       }

As you can see, I am adding a css class of type “required email” for the text box, and then telling the form on the page to validate using the jquery validation plug in. This of course assumes you added the references to the jquery scripts to the page…which you may want to do as part of the web part (override oninit, and registerclientscriptblock) or as part of the master page (if you expect a lot of web parts to use it).

As for the “if (SPContext.Current.FormContext.FormMode != Microsoft.SharePoint.WebControls.SPControlMode.Edit)” line – you have to be careful that your validation does not prevent you from editing the page. For example, if you remove that “if”, you will not be able to change the properties of any web part on the page without first entering a valid email address in the textbox!

Ref : Sharepoint Tips And Tricks

How W3C link checker Works

W3C link checker is a highly recommended link checker. It checks the website and its component such as hypertext links for both HTML and XHTML format; if it is working properly. It is important that a website contains high technical quality. W3C link checker will generate the following reports:

CSS style sheet and extracts a list of anchors and links
It checks that no anchor is defined twice.
All the links are dereferenceable
Warns about HTTP redirects

You can check your URL at W3C Link Checker and you will have to check through this form.

Image

When it is in summary mode, it may take time for loading process. When the checking is done, it will show you “List of broken links and redirects” if broken links were found. You have to go through the pages, fix the broken link or if unresolvable it would be better to delete it. However, the link checker considers robots exclusion rules. When the robots.txt files of the website disallow link checks, there will be no single information from the website that will be seen.

Also view “Markup Validation Service” This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.

Ref : W3C link checker in SEO

Had a meeting with Microsoft regarding new product Office 365

Office 365, yes finally its being launched in the gulf, Microsoft is planning to launch it on 25-26th of June 2012 within Bahrain.

Me, My Senior Pankaj Nallur and one of our Partner went yesterday to attend this meeting. It was a good experience, the complete overview was given by Nigel Horncastle, really nice guy and quite informative.

Nigel covered lot of features within the limited time of 1:15 hours, and it was quite helpful for us in moving forward in our business and IT solutions.

The Hot Coffee was quite Good, but most important the outcome of the meeting, or i must say the Office 365 presentation was worth listening.

We are also given some testing accounts which i will practice this week and upload some snaps with my first experience of this new Office product.

Currently the services include :

  • Exchange Online
  • SharePoint Online
  • Lync Online
  • Microsoft Office (Office Professional Plus)
It was a nice gathering with Nigel, and till now the product is worth spending money into, Lets see how it outcomes its profits in the Gulf.
References :

Facebook Link for Office 365

Twitter for Office 365

Get a trial version

Learn More about Office 365

Starting a SharePoint 2010 Branding Project: Using v4.master as base

There are several ways that you can pursue a branding project with SharePoint 2010. You can use one of the new themes, override existing styles with a new css file, alter an existing masterpage, or go completely custom. For this series of posts I will share how I go about altering an existing masterpage and styles.

Make a copy of the v4.master
Open the v4.master in Designer and do a save as. Save the new file as something different, such as custom.master, and then open it in Designer. Make sure the file is checked out before you start editing it.

Create a custom css file
Create a new css file and save it to a location that makes sense to you. You can save it to the Styles library, or on the server in the 14 hive, or anywhere that is accessible.

Create a changes.txt file
Use this file to record changes made to the masterpage as well as to paste in any controls that have been removed from the masterpage.

Link to the new css file in your copy of the masterpage:
Paste the following code into the HEAD of the masterpage and change the link to refer to your custom css file:


<sharepoint:CssRegistration 
name="http://spimages.stei.com/sp2010/styles_senet03.css" 
After="corev4.css" runat="server"/>

This code assures that your custom styles will always be able to override the corev4 styles.

Apply your custom masterpage to a site

Right-click on the new masterpage and select Set as Default Masterpage. You will only be able to preview fully your masterpage changes if the custom masterpage is applied to a site. Make sure that after each change you save the masterpage, check it in and then approve it. Make sure to check the file out before editing it again.

Now you can start altering the masterpage and overriding the css.

The Best Way to Add Custom CSS to SharePoint

To thoroughly customize your SharePoint site, you’ll need to use a custom CSS. SharePoint offers a way to specify a single CSS file to use via the “Master page” settings for the site. However, using this approach still limits you to customizing only those IDs and classes that are included on the pages by SharePoint. Moreover, using this setting applies to both site and system pages, which may not be desirable.

With these downsides in mind, the best approach is to create a custom master page and include references to one or more custom CSS files. Follow the steps below to include a custom CSS file in your master page.

    1. Open SharePoint Designer (SPD) and connect to the root level of your site’s site collection.
    2. In SPD, open the “Style Library” folder.
    3. Create a new CSS file and name it (e.g. “customstyles.css”).
    4. Open your master page file in SPD.
    5. In the tag add a link to your custom CSS just above the content place holder named “PlaceHolderAdditonalPageHead” as follows:
<link href=”/Style%20Library/customstyles.css” rel=”stylesheet” type=”text/css” />
Your custom master page is now using your new CSS file in addition to all of the CSS files SharePoint uses out-of-the-box. The idea is that you are taking advantage of the “cascading” property of cascading style sheets by layering your custom styles on top of what SharePoint creates in order to alter the SharePoint look-and-feel as desired—like a skin.

How to Create a Custom SharePoint Master Page

The first step in customizing your SharePoint site is to create a custom master page.  The following steps will help you do just that (please note there are differences indicated between SP 2007 and SP 2010).

  1. Open SharePoint Designer (SPD) and connect to the root level of your site’s site collection.
  2. In SPD, open the “_catalogs” folder, then open the “masterpage” folder.
  3. Identify the out-of-the-box (OOTB) most like your ultimate design.
    1. (SP 2007) If your SharePoint’s site design is to be fixed-width and centered on the page, select BlueBand.master and copy it.
    2. (SP 2007) If your SharePoint’s site design is to be a liquid layout that fills the page regardless of the user’s screen resolution, select default.master and copy it.
    3. (SP 2010 beta) You want v4.master.
  4. In SPD, right-click on the master page you want to duplicate and select “Copy,” then paste it back into the same folder.
  5. Rename the new file something project-specific.  For instance, if this master page is to be used on the sales portal, you might rename the new master page SalesPortal.master.
  6. Publish and approve the new master page.
  7. In your browser, navigate to your site’s Site Settings page.  Under the “Look-and-Feel” column click “Master page.”
  8. Select your new master page as the site master page (the need to set the system master page will vary by project).  Save the settings change.

Your site is now using the new master page you created.  From here you modify the master page to your liking, including adding custom CSS and custom JavaScript and jQuery.

SharePoint 2007 and 2010 CSS Reference Chart

Just came across these good SharePoint CSS Reference Charts, its worth reading.

SharePoint 2007 CSS Reference Chart

SharePoint 2010 CSS Reference Chart