tag:blogger.com,1999:blog-24955887627564596712024-03-13T12:25:43.527-07:00SharePoint 2010 and suchThis is a blog about SharePoint 2010 and possibly other things to be determined at a later time.Eric Welberryhttp://www.blogger.com/profile/07784931365533584807noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-2495588762756459671.post-33890638649329986812011-08-22T09:27:00.000-07:002011-08-22T10:16:21.979-07:00Converting Visual Studio Ultimate to Pro. Alternate title... "RadLangSvc.Package, RadLangSvc.VS, Version = 10.0.0.0, Culture = neutral, PublicKeyToken = 89845dcd8080cc91′ failed to load"I ran into an issue today when trying to apply the license my boss purchased for our visual studio. Unfortunately he bought the wrong version. So now I will have to scrap the automated forms that were developed in Infopath. Fine. Ok. I can deal with that. Uninstalling Ultimate... Installing Professional....Launching Professional.... BOOM "RadLangSvc.Package, RadLangSvc.VS, Version = 10.0.0.0, Culture = neutral, PublicKeyToken = 89845dcd8080cc91′ failed to load". Over and over and over.<br />
<br />
Something is amiss. What I am thinking at this point is that these must be features left over from Ultimate that I will miss dearly. <br />
<br />
Revo to the rescue. Revo is an uninstalling utility that I have used for years. Great uninstallation program to make sure that I get out all the little leftovers that programs so often leave behind. I uninstalled everything that said Visual Studio. Installing Pro version... Launching.... WORKS!<br />
<br />
Eric Welberryhttp://www.blogger.com/profile/07784931365533584807noreply@blogger.com0tag:blogger.com,1999:blog-2495588762756459671.post-12382851557038728922011-07-08T10:30:00.000-07:002011-07-08T12:22:49.292-07:00Scrolling content instead of a huge page...I was faced with a serious dilemma. I needed to create a design that had a framed content area that was scrollable. I had no idea how to do this initially but as I thought about it and used the crap out of f12, I found the following solution to start me on the right path.<br />
<br />
The following code will make it so that the content area of your SharePoint site is fully scrollable instead of being a 4000 pixel tall beast. This code, combined with some framing code that I will post later, has sofar created an elegant solution to fully customize your entire design.<br />
<br />
<a href="http://2.bp.blogspot.com/-sZjlALBxmv0/ThdWAc0SF5I/AAAAAAAAAEM/iMbr3u438iM/s1600/scrollbar_size.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; margin-right: 1em;"><br />
</a><br />
<u>Code:</u><br />
<a href="http://3.bp.blogspot.com/-Cv0VSZallX4/ThdYZHH90vI/AAAAAAAAAEQ/UnhgR3V2iVc/s1600/scrollbar.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Cv0VSZallX4/ThdYZHH90vI/AAAAAAAAAEQ/UnhgR3V2iVc/s1600/scrollbar.png" /></a><span style="font-size: x-small;">.s4-ca.s4-ca-dlgNoRibbon<br />
{<br />
overflow-y: scroll;<br />
width: auto;<br />
height: 460px;<br />
}</span>Eric Welberryhttp://www.blogger.com/profile/07784931365533584807noreply@blogger.com0tag:blogger.com,1999:blog-2495588762756459671.post-40551102797773827692011-07-07T11:50:00.000-07:002011-07-08T07:50:59.689-07:00BACKASSWARDS!So it appears that my previous css is not going to cut it in any situation... ever... No, it's not really <b>that</b> bad but it is so basic compared to what I am doing now with Visual Studio that its <i>crazy</i> <---italicized for emphasis. It's like I was bound by my hands and fighting (insert newest mma sensation here) as opposed to being able to use a samurai sword in battle!<br />
<br />
Let me explain. There is this program called Microsoft Visual Studio 2010. It is hands down best way to work with SharePoint. Once you have Visual Studio installed you can interact with your SharePoint site far easier than using SharePoint Designer. I have compiled quite the list of css goodies since my Visual Studio enlightenment. I will post the code goodies soon.Eric Welberryhttp://www.blogger.com/profile/07784931365533584807noreply@blogger.com0tag:blogger.com,1999:blog-2495588762756459671.post-24784390287905832912011-04-21T15:28:00.000-07:002011-04-22T00:15:21.865-07:00Custom SharePoint themes... the easy way.Many blogs that I read are telling me to use PowerPoint to create my SharePoint themes. Well screw that. I want an easier way!<br />
<br />
So Microsoft made this:<br />
<a href="http://connect.microsoft.com/themebuilder">Microsoft Theme Builder!</a><br />
<a href="http://connect.microsoft.com/siteimages/e8793b7f-9793-471a-8528-c25ad21271ee.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="custom sharepoint themes, custom themes" border="0" height="313" src="http://connect.microsoft.com/siteimages/e8793b7f-9793-471a-8528-c25ad21271ee.jpg" width="419" /></a><br />
<br />
To me, this is themes in "easiest possible mode". I can kick out 5 options for a site in like 2 minutes. Big thanks to Microsoft for making a tool for this.Eric Welberryhttp://www.blogger.com/profile/07784931365533584807noreply@blogger.com0tag:blogger.com,1999:blog-2495588762756459671.post-89619039962917098182011-04-13T09:37:00.000-07:002011-04-21T23:32:40.247-07:00Best Weather Widget?I just used this on my site and stripped the non essential code out of it, but the bottom line is that this thing is great for SharePoint 2010. And it even has a 4-day forecast built in!<br />
<div padding="4px" style="text-align: right;"><object data="http://swf.yowindow.com/wimo/hpPal/hpPal.swf" height="150" style="clear: right; float: right;" type="application/x-shockwave-flash" width="220"><param name="movie" value="http://swf.yowindow.com/wimo/hpPal/hpPal.swf"/><param name="allowfullscreen" value="true"/><param name="wmode" value="opaque"/><param name="bgcolor" value="#FFFFFF"/><param name="flashvars"
value="location_id=gn:5454711&location_name=Albuquerque&time_format=12&us=us&background=#FFFFFF&copyright_bar=false"/><a href="http://yowindow.com?client=widget&link=stub"style="width:220px;height:150px;display: block;text-indent: -50000px;font-size: 0px;background:#DDF url(http://yowindow.com/img/logo.png) no-repeat scroll 50% 50%;">Desktop weather</a></object></div><br />
The issue is that SharePoint will duplicate any javascript that you throw into a webpart's source. So that rules out 90% of the weather widgets out there. This widget is Flash based and works flawlessly. Enjoy.<br />
<br />
<a href="http://yowindow.com/weatherwidget.php">http://yowindow.com/weatherwidget.php</a>Eric Welberryhttp://www.blogger.com/profile/07784931365533584807noreply@blogger.com5tag:blogger.com,1999:blog-2495588762756459671.post-63630852204741628502011-04-12T08:28:00.000-07:002011-04-21T13:04:36.709-07:00HIDE THE RIBBON!<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-QqtZJMomJSo/TbCMjmsqaBI/AAAAAAAAADU/w2NuQ8mYrCg/s1600/SPRibbon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="48" src="http://3.bp.blogspot.com/-QqtZJMomJSo/TbCMjmsqaBI/AAAAAAAAADU/w2NuQ8mYrCg/s320/SPRibbon.png" width="320" alt="sharepoint 2010, sharepoint ribbon, SP ribbon, SharePoint" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="background-color: #eeeeee; font-size: xx-small;">SharePoint 2010 ribbon</span></td></tr>
</tbody></table><span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;">Put this above the body in your master page. I found two divs that were root that I threw it in between towards line 293. This will hide the blue ribbon at the top of every page for users or groups that are not able to add or customize pages. </span><br />
<br />
<u><span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;">Code:</span></u><br />
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: x-small;"><Sharepoint:SPSecurityTrimmedControl ID="SPSecurityTrimmedControl2" runat="server" PermissionsString="AddAndCustomizePages"></span><br />
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: x-small;"> <script type="text/javascript"></span><br />
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: x-small;"> document.getElementById("s4-ribbonrow").style.display = "block";</span><br />
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: x-small;"> </script></span><br />
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-size: x-small;"></Sharepoint:SPSecurityTrimmedControl></span>Eric Welberryhttp://www.blogger.com/profile/07784931365533584807noreply@blogger.com0tag:blogger.com,1999:blog-2495588762756459671.post-17212051522214762872011-04-11T19:43:00.000-07:002011-04-21T14:22:10.315-07:00Simple CSS to style SharePoint 2010I have compiled some very friendly css from alot of great bloggers' fantastic minds. This removes the leftnav, replaces the banner, and wraps your titles with a nice rounded corner look. I like the oversized corners so it looks somewhat oval egg like. I think it gives it a natural feel.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-_FEi0j-7_R4/TbCbyMGPNEI/AAAAAAAAADY/0ABvunIARlU/s1600/roundedcorners.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="197" src="http://2.bp.blogspot.com/-_FEi0j-7_R4/TbCbyMGPNEI/AAAAAAAAADY/0ABvunIARlU/s320/roundedcorners.png" width="271" alt="SharePoint Branding, sharepoint css, sharepoint 2010 css" /></a></div><br />
**CHANGE THE FOLLOWING TO FIT YOUR WEBSITE**<br />
background colors in <span style="background-color: cyan;">blue</span><br />
font colors in <span style="background-color: lime;">green</span><br />
filepaths to change in <span style="background-color: yellow;">yellow</span><br />
<span style="background-color: yellow;"><span style="background-color: white;">border color in </span><span style="background-color: orange;"><span style="background-color: #f6b26b;">orange</span></span></span><br />
<br />
<u>Instructions:</u><br />
1. Copy paste the code below into a notepad.<br />
2. Save it as newcss.css<br />
3. Open SharePoint site in SharePoint Designer.<br />
4. Click on "Site Assets" and click on Import Files.<br />
5. Grab that newcss.css<br />
6. Click on "Master Pages" <br />
7. Edit your v4master (After you make a backup copy!)<br />
8. Put <link rel="stylesheet" href="<span style="background-color: yellow;">/site/siteassets/newcss.css</span>" type="text/css" media="screen" /> in directly after the </head>... should be around line 36 in the v4master code. Save it.<br />
9. Right click your v4master in the "Master Pages" page of SharePoint Designer and click on "Set as custom master page". <br />
<br />
<u>Code:</u><br />
<span style="font-size: x-small;">body #s4-leftpanel</span><br />
<span style="font-size: x-small;">{</span><br />
<span style="font-size: x-small;">display: none;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">.s4-ca</span><br />
<span style="font-size: x-small;">{</span><br />
<span style="font-size: x-small;">margin-left: 0px;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">.s4-title {</span><br />
<span style="font-size: x-small;"> background: #</span><span style="background-color: cyan; font-size: x-small;">fff</span><span style="font-size: x-small;"> url('</span><span style="background-color: yellow; font-size: x-small;">/site/siteassets/Banner.jpg</span><span style="font-size: x-small;">') repeat-x 0px 0px;</span><br />
<span style="font-size: x-small;"> margin: 0;</span><br />
<span style="font-size: x-small;"> min-height: 100px;</span><br />
<span style="font-size: x-small;"> overflow-x: hidden;</span><br />
<span style="font-size: x-small;"> padding: -10px 0 0 310px;</span><br />
<span style="font-size: x-small;"> word-wrap: break-word;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">tr.ms-WPHeader td {</span><br />
<span style="font-size: x-small;"> background: #</span><span style="background-color: cyan; font-size: x-small;">fff</span><span style="font-size: x-small;">;</span><br />
<span style="font-size: x-small;"> border-style: none;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">.s4-wpcell:hover .ms-WPHeader td, .s4-wpActive .ms-WPHeader td, .s4-wpcell .ms-WPSelected .ms-WPHeader td {</span><br />
<span style="font-size: x-small;"> border-style: none;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">tr.ms-WPHeader td.ms-wpTdSpace {</span><br />
<span style="font-size: x-small;"> padding: 0;</span><br />
<span style="font-size: x-small;"> width: 10px;</span><br />
<span style="font-size: x-small;"> background: #</span><span style="background-color: cyan; font-size: x-small;">fff</span><span style="font-size: x-small;"> url('</span><span style="background-color: yellow; font-size: x-small;">/site/siteassets/wp-corners.png</span><span style="font-size: x-small;">') top right no-repeat;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">tr.ms-WPHeader td.ms-wpTdSpace:first-child {</span><br />
<span style="font-size: x-small;"> background: #</span><span style="background-color: cyan; font-size: x-small;">fff</span><span style="font-size: x-small;"> url('</span><span style="background-color: yellow; font-size: x-small;">/site/siteassets/wp-corners.png</span><span style="font-size: x-small;">') top left no-repeat;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">h3.ms-WPTitle {</span><br />
<span style="font-size: x-small;"> color: #</span><span style="background-color: lime; font-size: x-small;">6d6d6d</span><span style="font-size: x-small;">;</span><br />
<span style="font-size: x-small;"> font-weight: bold;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">h3.ms-WPTitle a:link, h3.ms-WPTitle a:active, h3.ms-WPTitle a:visited, h3.ms-WPTitle a:hover {</span><br />
<span style="font-size: x-small;"> color: #</span><span style="background-color: lime; font-size: x-small;">6d6d6d</span><span style="font-size: x-small;">;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">.ms-wpContentDivSpace {</span><br />
<span style="font-size: x-small;"> margin: 0;</span><br />
<span style="font-size: x-small;">}</span><br />
<span style="font-size: x-small;">td.ms-WPBorder, td.ms-WPBorderBorderOnly {</span><br />
<span style="font-size: x-small;"> border-color: #</span><span style="background-color: #f6b26b; font-size: x-small;">eee</span><span style="font-size: x-small;">;</span><br />
<span style="font-size: x-small;"> border-top-style: none;</span><br />
<span style="font-size: x-small;">}</span><br />
<br />
Now you just need to host your .png corners and your .jpg banner and get your paths right.<br />
<br />
!important make the banner 2500 x 100 to avoid replication. I did a metal looking gradient with bevel and emboss looking edges... Not saying <b>you</b> should, but it looks nice.<br />
<br />
If you need help with your corners...<br />
<a href="http://kyleschaeffer.com/best-practices/reusable-transparent-css-rounded-corners/">THIS IS THE BEST ROUND CORNERS GUIDE EVER!</a>Eric Welberryhttp://www.blogger.com/profile/07784931365533584807noreply@blogger.com1