Cewp css session share point saturday ozarks 2012

HERO? OR VILLAIN?Marrell Sanders – Sr. SharePoint Administrator / Web Consultant

CSS, JavaScript andContent Editor Web Part

2 | SharePoint Saturday St. Louis 2012

Housekeeping Follow SharePoint Saturday

Ozarks on Twitter @SPSOzarks hashtag #SPSOzarks

Stop by and thank our sponsors for making this event possible!

Fill out and turn in evaluation forms to be eligible for the end-of-day raffle. You must be present to win.

Don’t miss “This Modern Station” tonight at Waxy O’Shea’s!


Thanks to Our Sponsors!

Title Platinum


Thanks to Our Sponsors!

Gold Silver Raffle


HERO? OR VILLAIN? What this session all about?

Some simple tips and tricks on using CSS and JavaScript directly in a Content Editor Web Part

Will also cover why these simple tricks can make you a SharePoint Hero, or SharePoint Villain.


Who am I? Marrell Sanders

Sr. SharePoint Administrator – IT Pro Applications Instructor Web Designer

Contact Email: [email protected] Blog: www.techrevmarrell.com Twitter: twitter.com/techrevmarrell


Oh there’s more. How to be SharePoint Hero, or

SharePoint Villian according to your SharePoint Admins.

Hi, I’m a server Admin


SharePoint - Out of the Box (OOB)

80%

20%


How do we “Pretty-Fy” OOB SP?

CEWP

CSS/JavaScript


What can we do with CSS? Text styling

Sizing Bold, Underline, Italics Change colors


How does it work? Inline CSS

Last to load gets displayed

How do we get it to load? Content Editor Web Part

add formatted text, tables, hyperlinks, and images to a Web Part Page.

Oh, and code…


Demo: Add CEWP to a page


What about jQuery? jQuery is a multi-browser JavaScript

library designed to simplify the client-side scripting of HTML

<script type="text/javascript“ src="jquery.js"></script>

$(function() { // script goes here });


What can we do with jQuery? Input Styling Image Sliders Tabbed Content Expand and Collapse Buttons Much more


Demo: Add jQuery to a page


Why the Villain?• Bad coding practices• Elevating permissions by passing plain text credentials• No documentation• Not seeing the bigger picture


How should one use jQuery? Very Carefully

Learn about it. It is a programming language.

Often times is may not be the correct tool.

Develop in Dev.


External Resources jQuery Resources

http://jqfundamentals.com/book/index.html http://jquery.com/ http://

www.sharepointbriefing.com/spcode/article.php/3861121/Create-an-Image-Rotator-in-SharePoint-Using-jQuery.htm

http://jpoint.codeplex.com/ http://spservices.codeplex.com/ (Marc Anderson)

CSS Resources http://sp2010notes.wordpress.com/sharepoint-2010-css-

chart/

http://sharepointexperience.com/csschart/csschart.html

http://jqfundamentals.com/book/index.html

http://jqfundamentals.com/book/index.html

http://jquery.com/

http://www.sharepointbriefing.com/spcode/article.php/3861121/Create-an-Image-Rotator-in-SharePoint-Using-jQuery.htm




http://jpoint.codeplex.com/

http://jpoint.codeplex.com/

http://spservices.codeplex.com/

http://spservices.codeplex.com/

http://sp2010notes.wordpress.com/sharepoint-2010-css-chart/

http://sp2010notes.wordpress.com/sharepoint-2010-css-chart/




Questions?

Technology

Cewp css session share point saturday ozarks 2012