tag:blogger.com,1999:blog-37638360100832596252024-02-07T17:43:43.123+05:30Hardik Shah [Guru]'s official Blog worldHardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.comBlogger79125tag:blogger.com,1999:blog-3763836010083259625.post-75904412990260456712015-01-03T02:46:00.002+05:302015-01-03T02:50:22.460+05:30Poster 2: Happy New Year 2015<div dir="ltr" style="text-align: left;" trbidi="on">
Wishing a very happy new year to all my readers! This is the second in the series of posters putting to use the <a href="http://www.nhsdesigns.com/principles/index.php" target="_blank"><span style="color: #6aa84f;">basic principles of Design</span></a>. The goal of the poster was to wish my friends a new year on WhatsApp (a personal messaging client) on Phone.<br />
<br />
Some details on the process and content -<br />
<br />
<ul style="text-align: left;">
<li>The underlying principles of Design used are Proximity, Alignment and Repetition. Typography and Iconography were the elements used for the content. </li>
<li>The poster uses an optimistic vocabulary with a black background. </li>
<li>The black background with white text complements the experience of the reader on a smartphone to focus on the content since the time constraints for visual communication is an average of 3 seconds in this case. </li>
<li>I have added the copyright mark on the bottom right corner since the first poster to give myself credit for the work if it's shared.</li>
</ul>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoSjOsCHiOZg2TcvSCQ7OYpuYs-05wheG6mSIcIGHuEw8YwUClHS38qTabc0ROgvEGcd1wiE2yjnoVSQRTE-dqCK4tQf1zje4WdjuqJGOpRIdpXoMSJ0kfr4tEf_9dT-62HQRZdxNfPsxM/s1600/Happy-New-Year-Poster-Vertical.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoSjOsCHiOZg2TcvSCQ7OYpuYs-05wheG6mSIcIGHuEw8YwUClHS38qTabc0ROgvEGcd1wiE2yjnoVSQRTE-dqCK4tQf1zje4WdjuqJGOpRIdpXoMSJ0kfr4tEf_9dT-62HQRZdxNfPsxM/s1600/Happy-New-Year-Poster-Vertical.png" height="640" width="465" /></a></div>
<br />
<br />
The Photoshop assets of the poster can be found here: <a style="color: #6aa84f;" href="http://1drv.ms/1AjEMP2" target="_blank">http://1drv.ms/1AjEMP2</a><br />
<br />
Things next: Adobe Illustrator works better for illustrations (like a poster) than Adobe Photoshop. Particularly for grids and object alignment. I'll have to migrate.<br />
<div>
<br /></div>
</div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com0tag:blogger.com,1999:blog-3763836010083259625.post-57684230634047006742012-05-02T08:00:00.000+05:302013-12-29T01:59:48.372+05:30SharePoint 2010: Significance of Content Type management in List<div dir="ltr" style="text-align:justify;" trbidi="on">For those who have worked with SharePoint Lists must be familiar with <b>Advanced Settings</b> feature of the List available under List Settings (for document libraries, known as Library Settings). Under the Advanced Settings of the List, you can choose whether to allow management of content types. By default, it is turned ON for every List. In this post, I am going to highlight the significance of ‘Allow management of content types?’ when it is turned ON and when turned OFF. <br />
<br />
<u>Where is ‘Allow management of Content Types?’ found</u>?<br />
<br />
<br />
<div style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo4bB2FJOxCYyn2xQ3_BfiCjPJhj49EAwcA1h_QhfGuYpqwPeR14ndEDlcm2INEI8ZMERV1b3-mKOHEv0ALzUs5Qrsqd-7DK29OvsOzwmG2JW1ssvIdb7oaQu9Vw3s_2dYWA1l2fkxfRGt/s1600/List+Settings+on+the+Ribbon.png" title="List Settings on the Ribbon"><img alt="List Settings on the Ribbon" border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo4bB2FJOxCYyn2xQ3_BfiCjPJhj49EAwcA1h_QhfGuYpqwPeR14ndEDlcm2INEI8ZMERV1b3-mKOHEv0ALzUs5Qrsqd-7DK29OvsOzwmG2JW1ssvIdb7oaQu9Vw3s_2dYWA1l2fkxfRGt/s1600/List+Settings+on+the+Ribbon.png" title="List Settings on the Ribbon" width="530" /></a></div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGyXyvVGBwmkJhOiMORlgJdSoQ-LzQIZtDQAbxAM84W3bSGS1IL0nR7YJk-mw3GSNa5P4h21UKQqKd0ZHszKEieH53cX_peuTqgpKUhn92Xs3B0MVsNrGjk0SoG6BkwmnJ103fyFjYCr5r/s1600/Advanced+Settings+in+List+Settings.png" imageanchor="1" title="Advanced Settings in List Settings"><img alt="Advanced Settings in List Settings" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGyXyvVGBwmkJhOiMORlgJdSoQ-LzQIZtDQAbxAM84W3bSGS1IL0nR7YJk-mw3GSNa5P4h21UKQqKd0ZHszKEieH53cX_peuTqgpKUhn92Xs3B0MVsNrGjk0SoG6BkwmnJ103fyFjYCr5r/s1600/Advanced+Settings+in+List+Settings.png" title="Advanced Settings in List Settings" /></a></div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCBelMyEa0BfKrNExmebNoLo2SIJZ97WPOJJiZTToqF1hRix5euL3H3yhTaf5Dbu7FBOP98G5ISS_L-28QRILzr_67Puza4PVOqJdJKg1KJLYemIQoXI4MYLmmin3_iiMl52RcT1Xcpodl/s1600/image3.png" imageanchor="1"><img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCBelMyEa0BfKrNExmebNoLo2SIJZ97WPOJJiZTToqF1hRix5euL3H3yhTaf5Dbu7FBOP98G5ISS_L-28QRILzr_67Puza4PVOqJdJKg1KJLYemIQoXI4MYLmmin3_iiMl52RcT1Xcpodl/s1600/image3.png" width="530" /></a></div><br />
<br />
<u style="color: #f1c232;"><b>When ‘Allow management of content types?’ is turned ON</b></u>:<br />
<br />
When turned ON, it will allow multiple content types to be added, modified or removed over the currently available content types associated with the List. So basically it means you can display columns from other content types along with the columns available in the List. The settings for Content Types are available under the List Settings. See following snapshot –<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJFjPmNIxDAytBfSPKxJsLmIQpRCC2E5wPS_9aOqhKvxoQYXG7RNFWQmRIz2gLkit6_Ji1PhbhUqNgMqOaRGwGF_nTUwLKL0GBV45abTIHkSp92kg98JH8XFeoIULc61E0lnNGaTdq2Zm/s1600/Content+Type+setting+in+List+Settings.png" imageanchor="1" title="Content Type setting in List Settings"><img alt="Content Type setting in List Settings" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJFjPmNIxDAytBfSPKxJsLmIQpRCC2E5wPS_9aOqhKvxoQYXG7RNFWQmRIz2gLkit6_Ji1PhbhUqNgMqOaRGwGF_nTUwLKL0GBV45abTIHkSp92kg98JH8XFeoIULc61E0lnNGaTdq2Zm/s1600/Content+Type+setting+in+List+Settings.png" title="Content Type setting in List Settings" width="530" /></a></div><br />
<br />
<u>Example</u>:<br />
<br />
Consider a custom List named ‘Employee’ with an associated content type created having the following columns:<br />
<br />
<b>Employee</b><br />
<span style="font-size: small;">Name | Age | Address | Designation</span><br />
<br />
<br />
Consider another custom List named ‘Employee Bank Details’ with an associated content having the following columns:<br />
<br />
<b>Employee Bank Details</b><br />
<span style="font-size: small;">Bank Name | Branch Name | Account Number</span><br />
<br />
<br />
In this case, for the Employee Bank Details list we would also like to have the Name, Age, Address and Designation of the employee from the Employee list so that the information looks complete. Rather than creating columns with same name again, we can add the associated content type with Employee list in Employee Bank Details using the ‘Add from existing site content types’ setting so that the same columns from Employee list are utilized in Employee Bank Details. When this is achieved, the Employee Bank Details look like following –<br />
<br />
<b>Employee Bank Details</b><br />
<span style="font-size: small;">Bank Name | Branch Name | Account Number | Name | Age | Address | Designation</span><br />
<br />
<br />
<u style="color: #f1c232;"><b>When ‘Allow management of content types?’ is turned OFF</b></u>:<br />
<br />
You might wonder if allowing management of content types is beneficial considering what I described above, why would you turn it OFF! Well, Microsoft SharePoint does enable some features, when it is turned OFF. So it is important to know them.<br />
<br />
<br />
<b style="color: #e69138;">1.</b> In the List Settings, two settings - <b>Column ordering</b> and <b>Indexed columns</b> are enabled. <b>Column ordering</b> allows columns to be ordered as per your wish in any view. I am not sure what <b>Indexed columns</b> setting does.<br />
You can change the order of the columns by arranging them in ascending order based on the indexes.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaut2ooHX1bqwLZ6iSgFsZnKd95YB7NvAtMsEXEKvABOanzKaPlY66K64k7psb2yzT0OtBY2aRCMRtxHTpR5NMpAoenxKK7r_ozNh3UJCiWE6TfPMgut3JNsuIKfFoAE4fltoLfp1Pds85/s1600/Column+Ordering+in+List+Settings.png" imageanchor="1" title="Column Ordering in List Settings"><img alt="Column Ordering in List Settings" border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaut2ooHX1bqwLZ6iSgFsZnKd95YB7NvAtMsEXEKvABOanzKaPlY66K64k7psb2yzT0OtBY2aRCMRtxHTpR5NMpAoenxKK7r_ozNh3UJCiWE6TfPMgut3JNsuIKfFoAE4fltoLfp1Pds85/s1600/Column+Ordering+in+List+Settings.png" title="Column Ordering in List Settings" width="530" /></a></div><br />
<br />
<b style="color: #e69138;">2.</b> In the View Settings for a particular view, in the <b>Folders section</b> at the bottom some advanced settings pertaining to view display are enabled. They are pretty relevant when choosing which view you want to use for the discussion topic and which one to be used for the discussion topics and replies.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1FiDBPwTMFurpopUKCHoT4RolPhWvc6wMvpx7snkXUYqFe7GOG7Ay0NyVHaVjs2cIlmcfrqKjdN7XLns_EhTJl6rBW2xEDSA_D1Zot_jfyOOc3YZgS0nmAD2hwHkHi2AlzOAMCPlLwUXm/s1600/Folders+settings+in+View+Settings.png" imageanchor="1" title="Folders settings in View Settings"><img alt="Folders settings in View Settings" border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1FiDBPwTMFurpopUKCHoT4RolPhWvc6wMvpx7snkXUYqFe7GOG7Ay0NyVHaVjs2cIlmcfrqKjdN7XLns_EhTJl6rBW2xEDSA_D1Zot_jfyOOc3YZgS0nmAD2hwHkHi2AlzOAMCPlLwUXm/s1600/Folders+settings+in+View+Settings.png" title="Folders settings in View Settings" width="530" /></a></div><br />
<br />
<hr /><br />
<span style="color: #e69138; font-size: large;"><u><b>Key Learning</b></u></span>: ‘Allow management of content types?’ is an important setting which enables some features both when it is turned ON and when turned OFF. In case, you want to use both the features simultaneously when it is turned ON and turned OFF, there is no option but to make the changes first when turned ON and then switch it OFF and make the changes. It works vice-versa too and the changes you make do persist.<br />
<br />
<hr />
<a href="http://www.blogger.com/comment.g?blogID=3763836010083259625&postID=5768423063404700674" title="Post a comment"><strong>Post a comment</strong></a>
</div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com0tag:blogger.com,1999:blog-3763836010083259625.post-54984306182779794112012-04-16T01:33:00.004+05:302012-04-22T17:22:42.690+05:30Mumbai MS in MIS Meet – Fall 2012<div dir="ltr" style="text-align:justify;" trbidi="on">1<sup>st</sup> April, 2012 – In-person meetups for MS aspirants are in my perspective quite an interesting affair. The case this time was pretty similar when some members over <b><a href="http://www.facebook.com/groups/220069134737018/" style="color: #6aa84f;" target="_blank" title="Click to see the MS in MIS Fall 2012 Facebook group">MS in MIS Fall 2012</a></b> group on Facebook organized a meet at <b><a href="http://mumbai.burrp.com/listing/candies_bandra-west_mumbai_fast-food-shops/12937980" style="color: #6aa84f;" target="_blank" title="Click to know more about Candies restaurant in Bandra West, Mumbai">Candies</a></b>, Bandra and around 25 people turned up. The intended audience – obviously MIS (<i>Management Information Systems</i>) aspirants. And for our readers and future aspirants, who are still not sure about making MIS as their career option, check this study <b><a href="http://mis.eller.arizona.edu/docs/career/2011/MIS_Majors_Career_and_Occupational_Outlook_2012-2018-1.pdf" style="color: #6aa84f;" target="_blank" title="Click to view a study on the scope of MIS specialization">here</a></b>.<br />
<br />
Coming back, having been three times at Candies, located at Pali Naka, Bandra West over a period of 2 years for casual and business meets, I can surely say one thing – amongst the various places I have been for a meet, Candies is the best. The meet had a rough start owing to the fact that the restaurant staff intervened and insisted that all the people may not just occupy their logistics but consume some of the sandwiches, pastries and ice creams they offer. And their orders were promptly followed by the group. <img alt=":)" class="wp-smiley" src="http://edulix.com/blog/wp-includes/images/smilies/icon_smile.gif" /> <br />
<br />
Let me roll out the minutes of the meetup as I remember. We had an initial round of introduction followed by the most important topic – who has what all ADMITS from universities and what they intend to make their destination. We later split up the members into smaller groups based on their destination university for discussion. Soon the real important discussions began in 5 groups formed – CMU, UTD, Eller, UB, TAMU and Washington University.<br />
<br />
As it turned out, the conversation now became quite interesting as it became university-specific suiting every member’s interest. Topics discussed were future prospects, per credit/quarter fees, pros & cons of education loans, possible accommodation options with monthly rent, research work undergoing in university, GA/TA/RA if available and the most important – average salary package of students passing out from the university. Another important topic I remember was the right time to resign in our respective companies. My group survey found that only 2-3 people had already resigned amongst the 15-20 people who were working with a company in the group. So that was a relief for me to know that that a majority of them haven’t resigned yet! I just thought I am too late for doing that and might land in trouble.<br />
<br />
Unfortunately for me, the groups at the meetup were not of universities to which I had applied or had received an ADMIT. I had applied to mix breed of universities for CS (SJSU, RIT, GWU) and MIS (NEU, UB, NYU Poly). So I was more of a listener hanging my ears in every group and I guess listening indeed helped as I had to cover the event eventually on a blog. <img alt=":)" class="wp-smiley" src="http://edulix.com/blog/wp-includes/images/smilies/icon_smile.gif" /> <br />
<br />
The meet was not only a good source of networking but seriously cleared a lot of doubts and concerns the members had. It also brought all members at the same level by clearing all fallacies which people had initially, particularly the VISA affair. Well if not completely, definitely to an extent. <img alt=":)" class="wp-smiley" src="http://edulix.com/blog/wp-includes/images/smilies/icon_smile.gif" /> Finally we had a group photograph which definitely looks picture-perfect!<br />
<br />
Check the pics below ... Comments are welcome.<br />
<br />
<br />
<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" frame="border"><tbody>
<tr> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/1.jpg" style="float: left;" target="_blank" title="1"><img alt="1" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/1-150x150.jpg" title="1" width="150" /></a><br />
</td> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/2.jpg" style="float: left;" target="_blank" title="2"><img alt="2" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/2-150x150.jpg" title="2" width="150" /></a><br />
</td> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/3.jpg" style="float: left;" target="_blank" title="3"><img alt="3" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/3-150x150.jpg" title="3" width="150" /></a><br />
</td> </tr>
<tr> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/4.jpg" style="float: left;" target="_blank" title="4"><img alt="4" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/4-150x150.jpg" title="4" width="150" /></a><br />
</td> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/5.jpg" style="float: left;" target="_blank" title="5"><img alt="5" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/5-150x150.jpg" title="5" width="150" /></a><br />
</td> <td style="text-align:left; vertical-align:top;"><br />
<br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/IMAG0414.jpg" style="float: left;" target="_blank" title="IMAG0414"><img alt="IMAG0414" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/IMAG0414-150x150.jpg" title="IMAG0414" width="150" /></a><br />
</td> </tr>
<tr> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/IMAG0415.jpg" style="float: left;" target="_blank" title="IMAG0415"><img alt="IMAG0415" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/IMAG0415-150x150.jpg" title="IMAG0415" width="150" /></a><br />
</td> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/IMAG0416.jpg" style="float: left;" target="_blank" title="IMAG0416"><img alt="IMAG0416" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/IMAG0416-150x150.jpg" title="IMAG0416" width="150" /></a><br />
</td> <td style="text-align:left; vertical-align:top;"><br />
<br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/IMAG0417.jpg" style="float: left;" target="_blank" title="IMAG0417"><img alt="IMAG0417" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/IMAG0417-150x150.jpg" title="IMAG0417" width="150" /></a><br />
</td> </tr>
<tr> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/IMAG0418.jpg" style="float: left;" target="_blank" title="IMAG0418"><img alt="IMAG0418" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/IMAG0418-150x150.jpg" title="IMAG0418" width="150" /></a><br />
</td> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/IMAG0419.jpg" style="float: left;" target="_blank" title="IMAG0419"><img alt="IMAG0419" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/IMAG0419-150x150.jpg" title="IMAG0419" width="150" /></a><br />
</td> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/IMG_0733.jpg" style="float: left;" target="_blank" title="IMG_0733"><img alt="IMG_0733" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/IMG_0733-150x150.jpg" title="IMG_0733" width="150" /></a><br />
</td> </tr>
<tr> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/IMG_0734.jpg" style="float: left;" target="_blank" title="IMG_0734"><img alt="IMG_0734" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/IMG_0734-150x150.jpg" title="IMG_0734" width="150" /></a><br />
</td> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/IMG_0737.jpg" style="float: left;" target="_blank" title="IMG_0737"><img alt="IMG_0737" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/IMG_0737-150x150.jpg" title="IMG_0737" width="150" /></a><br />
</td> <td style="text-align:left; vertical-align:top;"><br />
<a href="http://edulix.com/blog/wp-content/uploads/2012/04/IMG_0738.jpg" style="float: left;" target="_blank" title="IMG_0738"><img alt="IMG_0738" height="150" src="http://edulix.com/blog/wp-content/uploads/2012/04/IMG_0738-150x150.jpg" title="IMG_0738" width="150" /></a><br />
</td> </tr>
</table><br />
</div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com0tag:blogger.com,1999:blog-3763836010083259625.post-68680550104789346512012-03-25T23:36:00.014+05:302012-04-26T01:11:14.575+05:30SharePoint 2010: Using Discussion Boards in sites<div dir="ltr" style="text-align:justify;" trbidi="on"><div style="font-size: small; text-align: right;"><span style="color: #e69138;">MSDN Reference for Discussion Boards</span> - <a href="http://office.microsoft.com/en-us/sharepoint-foundation-help/create-customize-and-moderate-a-discussion-board-HA101808839.aspx" style="color: #6aa84f;" target="_blank" title="Click to view MSDN Reference for Discussion Boards">Link</a></div><br />
A <b>Discussion Board</b> in SharePoint 2010 is a List which allows collaboration between members in a team over a particular discussion subject. To make it even simpler, Discussion boards are moreover like Internet forums where discussions threads exist and each discussion topic have several replies from users. Users have an option to create, edit and remove a discussion topic or discussion reply.<br />
<br />
The Discussion board functionality and user-interface can be customized with the help of SharePoint Object Model and customizing CSS classes respectively. From a developer point-of-view, a point to note - the Discussion Board forms do not open in InfoPath Designer 2010. SharePoint Designer 2010 is the only choice for customizing any of the Discussion Board forms and views besides the out-of-box functionality available in browser. <br />
<u><b><br />
</b></u><br />
<u><b>Views in Discussion List</b></u>:<br />
<br />
Discussion board can have several <b>Views</b> which are different ways to display the list which will suit the user requirements. New views can be created and out-of-box views can be customized if required.<br />
<br />
<br />
<u><b>Each discussion list has three views by default</b></u>:<br />
<br />
<table align="center" border="1" cellpadding="10" cellspacing="0" frame="border"><tbody>
<tr> <td style="color: #e69138; text-align: center; vertical-align: middle;"><u>View name</u></td> <td style="color: #e69138; text-align: center; vertical-align: middle;"><u>Page Name</u></td> </tr>
<tr> <td style="text-align: center; vertical-align: middle;">Subject view (default)</td> <td style="text-align: center; vertical-align: middle;">AllItems.aspx</td> </tr>
<tr> <td style="text-align: center; vertical-align: middle;">Flat View</td> <td style="text-align: center; vertical-align: middle;">Flat.aspx</td> </tr>
<tr> <td style="text-align: center; vertical-align: middle;">Threaded View</td> <td style="text-align: center; vertical-align: middle;">Threaded.aspx</td> </tr>
</tbody></table><br />
The default view is <b>Subject</b> for a new discussion list created. More views can be created as per user’s requirements. <span style="font-size: small;"><i>(More on Types of Views below).</i></span><br />
<br />
<br />
<u><b>Creating a Discussion List in a SharePoint 2010 site</b></u>:<br />
<br />
<br />
<b style="color: #f1c232;">1.</b> Login into the SharePoint 2010 site. The user has to be a <b>Site Administrator</b> to create the list.<br />
<br />
<br />
<b style="color: #f1c232;">2.</b> Go to <b>Site Settings</b> menu in the top-left corner of the page and select <b>View All Content</b>.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMTt3aH2Pt1Of3SC_BbFJyMyQq0yZ3W9BBO3DwDTL51K8yi9K7WY6ZnAWoE6i8p0OGswQ3XXI8eislxVAbLfQhuqIIQeHQ-qrLkgm_R9Xk3xYI32F60uUhBQI0_H0K4jRRLx6_jeqXCSqO/s1600/1.jpg" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMTt3aH2Pt1Of3SC_BbFJyMyQq0yZ3W9BBO3DwDTL51K8yi9K7WY6ZnAWoE6i8p0OGswQ3XXI8eislxVAbLfQhuqIIQeHQ-qrLkgm_R9Xk3xYI32F60uUhBQI0_H0K4jRRLx6_jeqXCSqO/s320/1.jpg" width="257" height="357" /></a></div><br />
<br />
<b style="color: #f1c232;">3.</b> Click Create.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu9Ri1EW7rzu95KADS_KPK6B8xn3cKMDZtGxuMctDALUgd6OeBT-B15kn2MEsKVd92Yli_nKdprs-UF2ZdNRxL8ChdHIlv2ANs7URdZPlOSfjwldY4riEuA4lQDyO5BHHxFXQRCRBA-4Mx/s1600/2.jpg" target="_blank"><img border="0" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu9Ri1EW7rzu95KADS_KPK6B8xn3cKMDZtGxuMctDALUgd6OeBT-B15kn2MEsKVd92Yli_nKdprs-UF2ZdNRxL8ChdHIlv2ANs7URdZPlOSfjwldY4riEuA4lQDyO5BHHxFXQRCRBA-4Mx/s400/2.jpg" width="400" /></a></div><br />
<br />
<b style="color: #f1c232;">4.</b> Select List from left navigation and click on Discussion Board. Enter the name of the list you would like to have and click on Create.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicG27HBJclYrJtquGCdV5SY_VjHBgVGwviMiN2GD9XjBq4ppWj9tm65lLfwxwhD4Tu1XQ1R_adhOkR2fB6AhDDmHjNR6jmhV_msS0Xa5q1FZfj4BWLX1H_4N0f8ixczOIqPf1vNF0-eHB3/s1600/3.jpg" target="_blank"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicG27HBJclYrJtquGCdV5SY_VjHBgVGwviMiN2GD9XjBq4ppWj9tm65lLfwxwhD4Tu1XQ1R_adhOkR2fB6AhDDmHjNR6jmhV_msS0Xa5q1FZfj4BWLX1H_4N0f8ixczOIqPf1vNF0-eHB3/s400/3.jpg" width="450" /></a></div><br />
<br />
Once created, you will see the ‘Villkor och tariff’ Discussion list in the Quick Launch navigation on the left side.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8lAfOYB6smfXqSn_Jgxr1Gufx8_AQWzl2AbpzEI33l4YdE-5_KsFdV4_hxoOnJHZcdu5q62GmsEzgre9Q4SNWeV0oGc4tqq2P9VTg049nMJEQ9P5LSnwydiKVie-U9Wz5V0pTQ6RZW0EX/s1600/4.jpg" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8lAfOYB6smfXqSn_Jgxr1Gufx8_AQWzl2AbpzEI33l4YdE-5_KsFdV4_hxoOnJHZcdu5q62GmsEzgre9Q4SNWeV0oGc4tqq2P9VTg049nMJEQ9P5LSnwydiKVie-U9Wz5V0pTQ6RZW0EX/s1600/4.jpg" /></a></div><br />
<br />
<div style="font-size: small; text-align: right;"><span style="color: #e69138;">MSDN Reference for views in Discussion Boards</span> – <a href="http://office.microsoft.com/en-us/sharepoint-foundation-help/create-customize-and-moderate-a-discussion-board-HA101808839.aspx#_Toc263849473" style="color: #6aa84f;" target="_blank" title="Click to view MSDN Reference for views in Discussion Boards">Link1</a> & <a href="http://office.microsoft.com/en-us/sharepoint-foundation-help/create-modify-or-delete-a-view-HA010377693.aspx?CTT=3" style="color: #6aa84f;" target="_blank" title="Click to view MSDN Reference for views in Discussion Boards">Link2</a></div><br />
<u>Different types of views</u>:<br />
<br />
<b style="color: #f1c232;">1.</b> <b>Subject view</b> <span style="font-size: small;">(default view)</span><br />
<br />
This view is available only at the top-level folder (the highest level of a discussion board) and is used to view the names of the discussions and other metadata on a particular discussion. The name of each discussion in the board appears as a link in the Subject column that you can click to go to a lower-level folder that displays the replies to that particular discussion.<br />
<br />
<b><u>Note</u></b>: Although it is possible to use a different view for the top-level folder, such as the flat or threaded view, we do not recommend that. Instead, use the subject view or a view that you create based on the subject view.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGQR9hjS6ZXE2zo8c8KsLsepVlademC0uG21hx9c97ipMtFnYpZ2GwYw1x1l9DR2h-uKyPS5hDfbNLEJNGPlNojGH8UanlaSqJKxfCelOOVBnAt7xW7P-0Am44jWLPwxRjrtybtejdfkJi/s1600/5.jpg" target="_blank"><img border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGQR9hjS6ZXE2zo8c8KsLsepVlademC0uG21hx9c97ipMtFnYpZ2GwYw1x1l9DR2h-uKyPS5hDfbNLEJNGPlNojGH8UanlaSqJKxfCelOOVBnAt7xW7P-0Am44jWLPwxRjrtybtejdfkJi/s400/5.jpg" width="400" /></a></div><br />
<br />
<b style="color: #f1c232;">2.</b> <b>Flat view</b><br />
<br />
By default, this view is available only in folders of the discussion content type. This means that it is not available to the top-level folder. In this view, the subject of the discussion, all replies to the discussion, and other replies are aligned on one side.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsW4yev6reqWUlLttfBie0tN4s2zu_Bd4_IxcDuHhh1AUb9rZrqRXnVbB68rx372BdWWQ1mKX-BgLdHy3BXV9u3mZxeuhaOKWE6VE87BortHg4Y-B_Gxuyki3O4dVbEns-XSwzxus-XXZy/s1600/6.jpg" target="_blank"><img border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsW4yev6reqWUlLttfBie0tN4s2zu_Bd4_IxcDuHhh1AUb9rZrqRXnVbB68rx372BdWWQ1mKX-BgLdHy3BXV9u3mZxeuhaOKWE6VE87BortHg4Y-B_Gxuyki3O4dVbEns-XSwzxus-XXZy/s400/6.jpg" width="400" /></a></div><br />
<br />
<b style="color: #f1c232;">3.</b> <b>Threaded view</b><br />
<br />
By default, this view is available only in folders of the discussion content type. This means that it is not available to the top-level folder. In this view, the subject of the discussion is aligned to one side, all replies to the discussion are indented slightly, and all replies to previous replies are indented even farther. This view makes it easy to see whether a reply was made directly to the subject of the discussion or to a previous reply.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSWCH-HHVOVR1_uSN1c6BKzuyu4a1l_QJzAKa7vAYKnc5ufgXnKzPDcrGJ6ddWzUzg3Jr6rNIqbvje07sQ0jLQepvRGpHptVvAMarw6xBPEGVZvM_m7KTrdxfy78rGZJKTYEt11_2joluO/s1600/7.jpg" target="_blank"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSWCH-HHVOVR1_uSN1c6BKzuyu4a1l_QJzAKa7vAYKnc5ufgXnKzPDcrGJ6ddWzUzg3Jr6rNIqbvje07sQ0jLQepvRGpHptVvAMarw6xBPEGVZvM_m7KTrdxfy78rGZJKTYEt11_2joluO/s400/7.jpg" width="400" /></a></div><br />
<br />
<u><b>Changing the view in Discussion Board</b></u>:<br />
<br />
From any view in Discussion Board, you can change the view by clicking on the List on Main Navigation Breadcrumb and selecting the desired view.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidz-vR3nQUw4BcfwJ1XvChUetky9Zcu_ZBPDZ29xQES8pWxuKo8M5JCgcwUvgNTvx1uF-tnkDD0hUSyyjgY192SJjUTGCe4Vbxg5tU8nYPz9teV8HCVMtp0TdT1ekK00Ld1al6XS1sVKog/s1600/8.jpg" target="_blank"><img border="0" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidz-vR3nQUw4BcfwJ1XvChUetky9Zcu_ZBPDZ29xQES8pWxuKo8M5JCgcwUvgNTvx1uF-tnkDD0hUSyyjgY192SJjUTGCe4Vbxg5tU8nYPz9teV8HCVMtp0TdT1ekK00Ld1al6XS1sVKog/s400/8.jpg" width="400" /></a></div><br />
</div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com1tag:blogger.com,1999:blog-3763836010083259625.post-23017165406499532912012-02-10T16:35:00.013+05:302012-05-04T12:11:02.701+05:30SharePoint 2010: Using RSS feeds for SharePoint Page/List updates<div dir="ltr" style="text-align:justify;" trbidi="on"><div dir="ltr" style="text-align:justify;" trbidi="on"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigkIA5ZS75GSg_z9PuuZB8m8XgKw_p35_o8-HfzaRa6oyhaK11X2c7jw7sPfOibtZord0WbPCekM-JDXTQYL9sY6tT7Vzu3JRDOjJUU5zKG-xpJJEOnnuKGveA6aK7jKlLuTTS4KiHAeW4/s1600/logo-rss-feed.png" style="clear: left; float: left;"><img border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigkIA5ZS75GSg_z9PuuZB8m8XgKw_p35_o8-HfzaRa6oyhaK11X2c7jw7sPfOibtZord0WbPCekM-JDXTQYL9sY6tT7Vzu3JRDOjJUU5zKG-xpJJEOnnuKGveA6aK7jKlLuTTS4KiHAeW4/s400/logo-rss-feed.png" style="padding-bottom: 5px; padding-right: 5px;" width="50" /><br />
</a> RSS (Really Simple Syndication) is a family of web feed formats used to publish frequently updated works—such as blog entries, news headlines, audio, and video—in a standardized format. An RSS document (which is called a "feed", "web feed" or "channel") includes full or summarized text, plus metadata such as publishing dates and authorship. RSS feeds can be read using software called an "RSS reader", "feed reader", or "aggregator", which can be web-based, desktop-based, or mobile-device-based. The user subscribes to a feed by entering into the reader the feed's URI or by clicking a feed icon in a web browser that initiates the subscription process.</div><br />
<b>From Microsoft SharePoint point-of-view</b>, users can use RSS feeds to receive alerts on SharePoint pages, Lists, document libraries and other SharePoint components which support RSS publishing. Internet Explorer, Mozilla Firefox and Microsoft Outlook support RSS feeds to receive updates.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgonQN3ePtTr9D7YQsIy80gOqs0E3baPu-4T3b5hFfuY3LnZfOgs3ywFTQB26BaR7dhPh0obt21Y2Ax-kRrwmTzs6Lc3k9GsHuITwR0_u5AyodCHVWXfqI8fSKQ3xCG31nTEdRtbfHytLTy/s1600/Power+of+RSS+Feeds.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgonQN3ePtTr9D7YQsIy80gOqs0E3baPu-4T3b5hFfuY3LnZfOgs3ywFTQB26BaR7dhPh0obt21Y2Ax-kRrwmTzs6Lc3k9GsHuITwR0_u5AyodCHVWXfqI8fSKQ3xCG31nTEdRtbfHytLTy/s1600/Power+of+RSS+Feeds.png" /></a></div><br />
<br />
<div style="color: #e69138;"><u><b>Adding RSS feeds from SharePoint Page/List to Internet Explorer</b></u></div><br />
In Microsoft SharePoint 2010, to check if the list or the SharePoint page has a RSS feed available, you can check the RSS icon on the Internet Explorer, Firefox or any other browser. If the icon is highlighted, it means RSS feeds are available for the SharePoint component you are viewing. Check the following example for a SharePoint List in Internet Explorer - <br />
<br />
<br />
<div style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZSQj8TvWoH1OCtRuTgRLl0e_xvsNfb2Bg_rj3owPSZLhX6EPGnzoXGI0VP1nJj6gtbBnWVzSn6ByGwjokmOHWW9BabbMyc111JV_iKWkiS4lPPmORWOzvDHWGOplOmoi2VM8mJRRcRf3M/s1600/3.jpg"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZSQj8TvWoH1OCtRuTgRLl0e_xvsNfb2Bg_rj3owPSZLhX6EPGnzoXGI0VP1nJj6gtbBnWVzSn6ByGwjokmOHWW9BabbMyc111JV_iKWkiS4lPPmORWOzvDHWGOplOmoi2VM8mJRRcRf3M/s400/3.jpg" width="500" /></a></div><div style="color: #45818e;"><span style="font-size: small;">(Click to expand this image)</span></div><br />
<br />
Now click on the RSS feed icon to view the RSS feeds of the List.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigi7FYXEbYRzg9goIIcOw7VrfsBd80ZqS5emHeDYmzCE_WSp5L0qWJXy0tHRAsfFEt8lPPJhJOUWkWwAOmXYU1wQ_Q37oRYK95ba6G8u7jMETQuj_91zc6TNoiPKun0RGjJfcafkVlMw79/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Adding RSS feed to Internet Explorer"><img alt="Adding RSS feed to Internet Explorer" border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigi7FYXEbYRzg9goIIcOw7VrfsBd80ZqS5emHeDYmzCE_WSp5L0qWJXy0tHRAsfFEt8lPPJhJOUWkWwAOmXYU1wQ_Q37oRYK95ba6G8u7jMETQuj_91zc6TNoiPKun0RGjJfcafkVlMw79/s400/4.jpg" title="Adding RSS feed to Internet Explorer" width="500" /></a></div><div style="color: #45818e;"><span style="font-size: small;">(Click to expand this image)</span></div><br />
<br />
Click on ‘<b>Subscribe to this feed</b>’ to add the feed in Internet Explorer feed list. In future, if you want to see which all feeds you have subscribed in Internet Explorer, check the Favorites > Feeds Tab. <br />
<br />
To view the feeds, check the <b>Favorites</b> > <b>Feeds</b> tab and click on the desired feed to view the updates.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu8fe7fBm8sKqlis6ANAzggTpZbXAQLxgS6DsRGmTueRuoDqNtBVOqMexr69x3nihBcn6oIooyLFOJE2N9Z_6JdJP7XT0TkXjl-w8o0z5IHNrVQVnhNguzN3IGQGgzczFP1qG4pcbuezUp/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Checking available RSS feeds in Internet Explorer"><img alt="Checking available RSS feeds in Internet Explorer" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu8fe7fBm8sKqlis6ANAzggTpZbXAQLxgS6DsRGmTueRuoDqNtBVOqMexr69x3nihBcn6oIooyLFOJE2N9Z_6JdJP7XT0TkXjl-w8o0z5IHNrVQVnhNguzN3IGQGgzczFP1qG4pcbuezUp/s1600/5.jpg" title="Checking available RSS feeds in Internet Explorer" /></a></div><br />
<br />
<div style="color: #e69138;"><u><b>Adding RSS feeds from SharePoint Page/List to Microsoft Outlook</b></u></div><br />
To add the RSS feed to Microsoft Outlook, copy the RSS feed URL. Right-click on RSS Feeds folder in Microsoft Outlook and click on ‘Add a New RSS Feed’. Paste the RSS feed URL in the box, click on Add and click on Yes. You might be asked for the credentials as the feeds are being accessed from a site which needs credentials for access.<br />
<br />
Once done, you will see the feed under RSS feeds folder.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj62Mbs-iLqueRPaRcUCT0sV165w2MDbC6QxDiD622H_-cIasawtTE9lYfv35LThh3KqwoQ1Zvsfyp3TQExoQYcBBGGjPP9DoSZcoloN9NCeAoJvClW2_pSsFpTDuwMbdLOtbnnKU6e3HUY/s1600/Adding+RSS+Feeds+to+Outlook.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Adding RSS Feeds to Outlook"><img alt="Adding RSS Feeds to Outlook" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj62Mbs-iLqueRPaRcUCT0sV165w2MDbC6QxDiD622H_-cIasawtTE9lYfv35LThh3KqwoQ1Zvsfyp3TQExoQYcBBGGjPP9DoSZcoloN9NCeAoJvClW2_pSsFpTDuwMbdLOtbnnKU6e3HUY/s400/Adding+RSS+Feeds+to+Outlook.jpg" title="Adding RSS Feeds to Outlook" width="500" /></a></div><div style="color: #45818e;"><span style="font-size: small;">(Click to expand this image)</span></div><br />
<br />
Once RSS feeds are added, they will look like following in Microsoft Outlook. New RSS updates will display as unread items in the feed list.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XGgW73bBXrcqmKSVZMpv8PV8zblsImOxHRaD7Qv0WjTZxZLeUgrA49Oo2LTJ9PtVR0GGSXQJDSn7J_fpYteCM5a4RdVbHMepHU4-LUNT5JHTFXhWCKchh15A9fx3gn4WzV2zJdfodA1V/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="This is how RSS feeds look in Microsoft Outlook"><img alt="This is how RSS feeds look in Microsoft Outlook" border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XGgW73bBXrcqmKSVZMpv8PV8zblsImOxHRaD7Qv0WjTZxZLeUgrA49Oo2LTJ9PtVR0GGSXQJDSn7J_fpYteCM5a4RdVbHMepHU4-LUNT5JHTFXhWCKchh15A9fx3gn4WzV2zJdfodA1V/s400/6.jpg" title="This is how RSS feeds look in Microsoft Outlook" width="500" /></a></div><div style="color: #45818e;"><span style="font-size: small;">(Click to expand this image)</span></div><br />
</div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com0tag:blogger.com,1999:blog-3763836010083259625.post-50738470762645374352012-01-26T01:06:00.004+05:302012-04-26T02:56:56.237+05:30SharePoint 2010: PDF files cannot be opened directly, only saved<div dir="ltr" style="text-align:justify;" trbidi="on">While supporting an intranet application on SharePoint 2010 for a Swedish client in my company, a lot of users complained about PDF files not been able to open in browser as a default behavior in SharePoint 2010 Lists. In some cases, it does offer you the option of 'Read' or 'Save' but despite of choosing the 'Read' option, the PDF still saves a copy to the file-system! To remind you, back in SharePoint 2007 the default behavior was that the PDF files would open directly in the browser, so obviously this is considered an unusual behavior in SharePoint 2010. <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIzMmUMiN-sM4BEFTz2iKvwymCJpCEnElfolYvM1iKPCM40Izx2XVkHbMxjY8Nfpfvup_HqPcpoMd9PdwG8kyrcYBlp6NF0XQiH9cmB-5M6jIZSCKs1ceB1ZVXxyeEj_g9y1a7y2v5Hsar/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="1"><img alt="1" border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIzMmUMiN-sM4BEFTz2iKvwymCJpCEnElfolYvM1iKPCM40Izx2XVkHbMxjY8Nfpfvup_HqPcpoMd9PdwG8kyrcYBlp6NF0XQiH9cmB-5M6jIZSCKs1ceB1ZVXxyeEj_g9y1a7y2v5Hsar/s400/1.jpg" title="1" width="400" /></a></div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsr7up8CdP6On1K6QYAh5Kcy376zpqgCffUzd80NntFaPsf8Y6CXejTigxGh6Ubu3DUQP-Z9xtg0iZraTB5a4U436wjZ-GRbwencxmhD_uBB5zYhVYVQ8b_Hc3m_4n6y3rFRDv8m8Z6Gh-/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="1"><img alt="1" border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsr7up8CdP6On1K6QYAh5Kcy376zpqgCffUzd80NntFaPsf8Y6CXejTigxGh6Ubu3DUQP-Z9xtg0iZraTB5a4U436wjZ-GRbwencxmhD_uBB5zYhVYVQ8b_Hc3m_4n6y3rFRDv8m8Z6Gh-/s400/2.jpg" title="1" width="400" /></a></div><br />
<br />
My study found a lot of threads on MSDN forums and Stack Overflow which do a offer solutions to introduce a custom 3rd party jQuery code in your Master Page or CEWP <span style="font-size: small;">(Content Editor WebPart)</span> but choosing an out-of-box solution is always preferred.<br />
<br />
The way it works with SharePoint 2010 basically - PDF files <span style="font-size: small;">(basically the PDF MIME type)</span> are not considered safe hence saving them to the file-system and opening them is the only option users have. That’s annoying! Amongst the list of allowed MIME types which SharePoint 2010 allows for a Web Application, PDF isn’t in the list.<br />
<br />
<br />
<b><u style="color: #f1c232;">Solution 1</u>:</b><br />
<br />
Modify the <b>General Settings</b> of the Web Application in CAS <span style="font-size: small;">(Central Administration System)</span> to allow “<b>Permissive browser handling</b>” which means the browser will be able open up file types which are not in the list of permissible MIME types. <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFZSReH-GV60_-a35Z3QnMOzd1-8YUHHxMN1TcU561yvuqchn3pD1180bXXMoCHOCg5gC3gv3kLOg0t556OScGYuP1heB-_qn6j88D6k52daDJZxSY2OYKQRnzc9qVN1Zy4zEov4jXqqm/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="1"><img alt="1" border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFZSReH-GV60_-a35Z3QnMOzd1-8YUHHxMN1TcU561yvuqchn3pD1180bXXMoCHOCg5gC3gv3kLOg0t556OScGYuP1heB-_qn6j88D6k52daDJZxSY2OYKQRnzc9qVN1Zy4zEov4jXqqm/s400/3.jpg" title="1" width="400" /></a></div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh4559RI5YmYyJJyo6vKpFWU9cQGXg-DG2j_LSFz1tuqQnAsXDOmrP9_EeRka7jtwrz3BxYvaPUaB5SwVp7v7kPmwD7sgVp3SNq_g6gmhQVapHn6C5wHyD9UH98WdghEmmVOUYOHtyJhrI/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="1"><img alt="1" border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh4559RI5YmYyJJyo6vKpFWU9cQGXg-DG2j_LSFz1tuqQnAsXDOmrP9_EeRka7jtwrz3BxYvaPUaB5SwVp7v7kPmwD7sgVp3SNq_g6gmhQVapHn6C5wHyD9UH98WdghEmmVOUYOHtyJhrI/s400/4.jpg" title="1" width="400" /></a></div><br />
<br />
Perhaps, this might be the easiest way of achieving or intent but it also leaves the browser vulnerable and allows all file types to be opened. This is definitely not a good security practice. Check the other solution.<br />
<br />
<br />
<u style="color: #f1c232;"><b>Solution 2</b></u><b>:</b><br />
<br />
We can use PowerShell to explicitly include PDF in the list of allowed MIME types. Note that this setting is applied at Web Application level hence making this solution better than Solution 1 as it does not open up any other MIME types. Make sure you use an account with adequate privileges to execute the PowerShell script. Execute the PowerShell script in the <b>SharePoint 2010 Management Shell</b> after modifying the Web Application URL in the first line. Following are some PowerShell snippets with their description.<br />
<br />
<hr /><br />
<b><u>List all permissible MIME types</u></b>:<br />
<br />
<ul style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: black; font-family: 'Courier New',Courier,Monospace; font-size: small; list-style-type: none; margin: 0pt; padding: 0pt 0pt 0pt 5px; white-space: nowrap;"><li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);">$webapp = Get-SPWebApplication http://localhost:8080/</li>
<li>$webapp.AllowedInlineDownloadedMimeTypes</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);">$webapp.Update()</li>
<li> </li>
</ul><br />
<b><u>Add PDF MIME type to this list</u></b><u></u>:<br />
<br />
<ul style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: black; font-family: 'Courier New',Courier,Monospace; font-size: small; list-style-type: none; margin: 0pt; padding: 0pt 0pt 0pt 5px; white-space: nowrap;"><li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);">$webapp = Get-SPWebApplication http://localhost:8080/</li>
<li>$webapp.AllowedInlineDownloadedMimeTypes.Add(“application/pdf”)</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);">$webapp.Update()</li>
<li> </li>
</ul><br />
<hr /><br />
<b><u>Remove PDF MIME type from this list</u></b><u></u>:<br />
<br />
<ul style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: black; font-family: 'Courier New',Courier,Monospace; font-size: small; list-style-type: none; margin: 0pt; padding: 0pt 0pt 0pt 5px; white-space: nowrap;"><li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);">$webapp = Get-SPWebApplication http://localhost:8080/</li>
<li>$webapp.AllowedInlineDownloadedMimeTypes.Remove(“application/pdf”)</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);">$webapp.Update()</li>
<li> </li>
</ul><br />
<br />
<hr /><br />
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td><br />
<b><u>Download the PowerShell script here</u></b>:<br />
<span style="font-size: small;">(Reset the IIS after you execute the script)</span></td> <td style="padding-left: 20px;"><br />
<a href="https://skydrive.live.com/redir.aspx?cid=f1ea25e8e2f38be2&resid=F1EA25E8E2F38BE2%21317&parid=F1EA25E8E2F38BE2%21276" target="_blank" title="PowerShell script to allow PDF MIME type in SharePoint 2010 to open in browser"><img alt="PowerShell script to allow PDF MIME type in SharePoint 2010 to open in browser" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtupqrISutgO6GHJLxHI3oWvBIo8-1fHMfxGvRwLno1Jhhrl9tRDu3o8chGqZL9bVHOny2FAnZT_j1OgGRGVjrCkjcXo7gdI_CtsHKPYasLE5jimPck3WFM9CrO6QZiZtQzTlGkCD1479V/s1600/Download_Button.png" style="height: 80px; text-align: right; width: 100px;" title="PowerShell script to allow PDF MIME type in SharePoint 2010 to open in browser" /></a></td></tr>
</tbody> </table><br />
<hr /><br />
<b><u style="color: red;">Disclaimer</u>:</b><br />
<br />
Personally, I have tested both the methods and they work fine when you do the way to allow PDF files. But when you do the opposite way i.e. to disallow PDF, the changes do not get applied, leaving you with the first applied setting.<br />
<br />
<a href="http://mkdot.net/mknetug/mk_sp/b/darko/archive/2011/04/21/open-pdf-file-in-browser-from-sharepoint-2010.aspx" style="color: #6aa84f;" target="_blank" title="Click to read the article on what happens when disallowing PDF type after allowing it">Here</a> is one such case on the Internet. Also check the comments at the end.</div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com1tag:blogger.com,1999:blog-3763836010083259625.post-77266629523643143912011-01-14T20:10:00.301+05:302011-01-15T21:26:53.561+05:30SharePoint 2007: Using WSPBuilder for rapid deploymentAssuming the readers of this post are not new to SharePoint development, it’s a known fact that SharePoint development isn’t as easy as developing on ASP.Net. Contrary to ASP.Net development where pages developed can be viewed by right-clicking on it and viewing it in browser; SharePoint takes much more than that! A matter of fact, a SharePoint WebPart takes around 11 steps right from developing it to deploying it, populating it in WebPart Gallery before getting it displayed on SharePoint pages. And surprising it might seem, even some of the most experienced SharePoint experts err while following this procedure ... ☺ ☺ <br />
<br />
Talking about real-life scenarios in service-driven companies where SharePoint developers do not have access to production servers; the only way deployment happens is through client’s onsite SharePoint Administrator. This makes developers write a painful and lengthy deployment document along with all source-code files bundled. With <b>WSPBuilder</b>, deployment becomes a click-once process or call it a single-command process. <u><b>WSPBuilder</b></u> helps to make a <u><b>Solution Package</b></u> (<span style="font-size: small;"><i>i.e. a .wsp file</i></span>) using <b>Visual Studio 2005/2008</b>.<br />
<br />
<hr /><br />
<div style="color: #3d85c6;"><i><span style="font-size: small;">Solution packages are the preferred mechanism for deploying WSS components. The solution package itself is a compressed CAB file with a .wsp extension, and it contains one or more WSS components along with any dependent files that need to be deployed on each front-end Web server.</span></i></div><div style="color: #3d85c6;"><br />
</div><div style="color: #3d85c6;"><i><span style="font-size: small;">A simple solution package might contain just the files needed to deploy a single feature. A more complex package could contain the files for multiple features, applications pages, Web Parts, list definitions, event handlers, and a site definition. You decide what goes into a solution package according to what set of components it makes sense to deploy as a single unit.</span></i></div><div style="color: #3d85c6;"><br />
</div><div style="color: #3d85c6;"><i><span style="font-size: small;">The WSS runtime provides a built-in installer component that runs on each front-end Web server and is responsible for uncompressing the files inside a solution package and properly installing its components.</span></i></div><div style="color: #3d85c6;"><br />
</div><div style="color: #3d85c6;"><i><span style="font-size: small;">The Solution package tells the installer to perform other important deployment procedures, such as registering features with the WSS runtime, adding assembly DLLs to the Global Assembly Cache (GAC), and updating the web.config file with SafeControl entries required in Web Part deployment.</span></i></div><br />
<hr /><br />
<b><u>Requirements</u>:</b> WSPBuilder Extensions<br />
<br />
<b><u>Current version</u>:</b> WSPBuilder Extensions 1.0.6<br />
(<span style="font-size: small;"><i>supports MOSS 2007 x86 / x64 bit, IIS6 / IIS7 on VS 2008</i></span>)<br />
<br />
<b><u>Date</u>:</b> Jul 29, 2009 <b> <u>Status</u>:</b> Stable<br />
<br />
<b><u>Other awaited release</u>:</b> WSPBuilder Extensions 2010 BETA 1.4<br />
(<span style="font-size: small;"><i>supports SharePoint 2007/2010 x86/x64 bit, IIS6/IIS7 on VS 2008/2010</i></span>)<br />
<br />
<b><u>Release Tracker</u>:</b> <a href="http://wspbuilder.codeplex.com/releases/" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to view the Release tracker of WSPBuilder">Here</a><br />
<br />
<b><u>Issue Tracker</u>:</b> <a href="http://wspbuilder.codeplex.com/workitem/list/basic" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to view the Issue tracker of WSPBuilder">Here</a><br />
<br />
<br />
<a href="http://wspbuilder.codeplex.com/" target="_blank" title="Click to download the latest version of WSPBuilder"><img alt="Click to download the latest version of WSPBuilder" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDpiCLnpQeMWguVbmYY97w2TKZNSjGRlvI5qxZU64O-BBc7pQ5IwDJTf-NTpxvmJt8y29U01Xxnp2L0S171Faj75XTMaeV7jJQWjgWa9-Ws8HYI51sk4SCaO6IyBKuLx6qeBHY23RCxenx/s1600/Download_NEW_Button.png" title="Click to download the latest version of WSPBuilder" /></a><br />
<br />
<hr /><br />
<b><span style="font-size: large;"><u><span style="color: #f1c232;">Example</span></u></span>:</b> <b>Deploying a MOSS 2007 WebPart with ASP.Net Web User Control (i.e. .ascx) using WSPBuilder</b><br />
<br />
<span style="font-size: small;">Check this blog post of mine <a href="http://gameboyzone.blogspot.com/2010/12/creating-webparts-using-aspnet-web-user.html" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to learn how to create SharePoint 2007 WebParts with ASP.Net Web User Controls">Here</a> on how to create SharePoint 2007 WebParts with ASP.Net Web User Controls.</span> <br />
<br />
<b><u>Step 1</u>:</b> Create a new WSPBuilder project in Visual Studio 2008<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbNRPP73HNvAEdBYo2hCCkZDmnkmblS3gzc0apWFC34TR1_3-zmB-ZpgrIEWBhv7Oxl0FNNwg_0Mx5JdsEcO8z6UBXV-1ylZmu5IXuGu-3YX2T28FAaCatHEdRulRgrRhyZlaThUB6HLt9/s1600/WSPBuilder_project_Template_in_VS2008.jpg" target="_blank" title="WSPBuilder project Template in VS2008"><img alt="WSPBuilder project Template in Visual Studio 2008" border="0" height="100%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbNRPP73HNvAEdBYo2hCCkZDmnkmblS3gzc0apWFC34TR1_3-zmB-ZpgrIEWBhv7Oxl0FNNwg_0Mx5JdsEcO8z6UBXV-1ylZmu5IXuGu-3YX2T28FAaCatHEdRulRgrRhyZlaThUB6HLt9/s320/WSPBuilder_project_Template_in_VS2008.jpg" title="WSPBuilder project Template in Visual Studio 2008" width="100%" /></a><br />
<br />
<br />
<b><u>Step 2</u>:</b> Create the folder hierarchy as required and copy the required files within the folder structure<br />
<br />
Once created, you will witness the folder structure in the <b>Solution Explorer</b> as follows. Note the following points:<br />
<br />
<ul><li>The <b>12</b> hive in Solution Explorer corresponds to the 12 hive where Microsoft SharePoint has been installed. The subsequent folders like GAC, TEMPLATE/LAYOUTS, TEMPLATE/FEATURES, TEMPLATE/XML, etc have to be created explicitly underneath the 12 hive which correspond to the existing locations. The files kept in these folders will be deployed at the exact locations on all front-end servers relative to their 12 hive.</li>
</ul><ul><li>The <b>GAC</b> hive in Solution Explorer corresponds to the GAC (Global Assembly Cache) on all front-end servers. A DLL kept here would be copied to the server’s GAC when the Solution Package is installed.</li>
</ul><ul><li>Add reference to libraries as required in the WSPBuilder project. As an example, you’ll need to add reference to ‘System.Web’ library in the project for a successful build if you have an ASP.Net Web User Control added.</li>
</ul><ul><li>The <b>WSPBuilder.exe.config</b> file plays the same role as that of web.config but for the WSPBuilder project. This file is not present by default when the WSPBuilder project is created so it has to be manually copied into the project. A sample <b>wspbuilder.exe.config</b> file is present at the install path of WSPBuilder in /Program Files/WSPTools/. Please make sure you don’t modify that file there and that you copy this file to your project and then make modifications to it. One of the <span style="color: #6fa8dc;"><</span><span style="color: #e06666;">appSettings</span><span style="color: #6fa8dc;">></span> attribute in the config file is <span style="color: #3d85c6;"><</span><span style="color: #e06666;">add</span> <span style="color: #e06666;">key</span>="<span style="color: #3d85c6;">Includefiletypes</span>" <span style="color: #e06666;">value</span>="<span style="color: #3d85c6;">cs</span>" <span style="color: #3d85c6;">/></span> which means it’ll allow files with <b>.cs</b> extension to be bundled into the Solution Package which by default it doesn’t allow. Check the below snapshot for details.</li>
</ul><br />
<div style="text-align:center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkGNpnOIjatbIYQ9wFy4Ors0EE0dlTZOKZusM9RsxJrMe5svmkcG1z65U49YRz0AOm7cyqblqb3ruBBvtpblBJprLY3BQEdVkoPc_dkrl-mMEcQkgzbUMV7fsabhLfiCt2QgfuqwmFUNy_/s1600/WSPBuilder_Folder_Hierarchy.jpg" target="_blank" title="WSPBuilder Folder Hierarchy"><img alt="WSPBuilder Folder Hierarchy" border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkGNpnOIjatbIYQ9wFy4Ors0EE0dlTZOKZusM9RsxJrMe5svmkcG1z65U49YRz0AOm7cyqblqb3ruBBvtpblBJprLY3BQEdVkoPc_dkrl-mMEcQkgzbUMV7fsabhLfiCt2QgfuqwmFUNy_/s320/WSPBuilder_Folder_Hierarchy.jpg" style="text-align: center;" title="WSPBuilder Folder Hierarchy" width="249" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjujqk2E61xkJsJJYS4DnacecgoXVnKnPD93synJzXijzZBb5eTu6W5wWPk74SZSIEWEfbJN-dZRHS36NBBN58TqN0x5zC_XpvTSccKMXBtRvO0qA3XEEAMCenLtPxEqe-9zM58Tq9rxSri/s1600/WSPBuilder_Folder_Hierarchy_for_Sample.jpg" target="_blank" title="WSPBuilder Folder Hierarchy for Sample"><img alt="WSPBuilder Folder Hierarchy for Sample" border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjujqk2E61xkJsJJYS4DnacecgoXVnKnPD93synJzXijzZBb5eTu6W5wWPk74SZSIEWEfbJN-dZRHS36NBBN58TqN0x5zC_XpvTSccKMXBtRvO0qA3XEEAMCenLtPxEqe-9zM58Tq9rxSri/s320/WSPBuilder_Folder_Hierarchy_for_Sample.jpg" style="text-align: center;" title="WSPBuilder Folder Hierarchy for Sample" width="249" /></a><br />
<br />
</div><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEOXbsPFkBGLahQSDOHJ5haMmK3BaR0hY3VYPLMB8mQ_hwdb4t4yWF9vAYw_2F1DUlBQkzLumf7tusWFaRwW5101gqNVbBP7ZB2nIPhKspzVnYkRsz16mAUkDUGjXvpX6GvEuWIIimKsFh/s1600/WSPBuilder.exe.jpg" target="_blank" title="Contents of WSPBuilder.exe.config file"><img alt="Contents of WSPBuilder.exe.config file" border="0" height="100%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEOXbsPFkBGLahQSDOHJ5haMmK3BaR0hY3VYPLMB8mQ_hwdb4t4yWF9vAYw_2F1DUlBQkzLumf7tusWFaRwW5101gqNVbBP7ZB2nIPhKspzVnYkRsz16mAUkDUGjXvpX6GvEuWIIimKsFh/s320/WSPBuilder.exe.jpg" style="text-align: center;" title="Contents of WSPBuilder.exe.config file" width="100%" /></a><br />
<br />
<br />
For the purpose of this example, I have created the required folders below the 12 hive and copied the Web User Control underneath it. Also, the DLL for the WebPart has been copied under the created GAC folder. A point to note, please make sure you follow the naming conventions and rename the folders appropriately and as per convention.<br />
<br />
<br />
<u><b>Step 3</b></u>: Build the project and create a WSP<br />
<br />
If you have any files added to the directories which need compilation then Build the project by pressing F5. When done, right-click on the solution > WSPBuilder > Build WSP. On successful completion, a <b>.wsp</b> file would have been created at the project location.<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RNyVxcvogJzj3L9C6Psorn9FqHp16SFQxXcUtqMmcELY-zYKvc4TISMTLyPXg0oJxF8V1c10O8tAFDPqrmljDTBoeLaffCOJcI4JLsRyjdAcsRBdmKiE9CJY-WLutRQ6_YeXFBtNibwA/s1600/WSPBuilder_Build_WSP.jpg" target="_blank" title="WSPBuilder Build WSP"><img alt="WSPBuilder Build WSP" border="0" height="450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RNyVxcvogJzj3L9C6Psorn9FqHp16SFQxXcUtqMmcELY-zYKvc4TISMTLyPXg0oJxF8V1c10O8tAFDPqrmljDTBoeLaffCOJcI4JLsRyjdAcsRBdmKiE9CJY-WLutRQ6_YeXFBtNibwA/s320/WSPBuilder_Build_WSP.jpg" style="text-align: center;" title="WSPBuilder Build WSP" width="350" /></a><br />
<br />
<br />
<a alt=".wsp file created" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdDQ83e2Pp8L4HorES2DBXr7F7Mz58Y5x7B6EdomlJKZmyCQs2nRNAdiqwSmFB1qYiGwyRphny9uJnHo_l0osM2oTOqqpsDXH64NqPVOxdHDz5yXiSWqo5-Vysi4R1PyR2Y0AFwP2YIg9N/s1600/WSPBuilder+-+.wsp+file+created.jpg" target="_blank" title=".wsp file created"><img border="0" height="100%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdDQ83e2Pp8L4HorES2DBXr7F7Mz58Y5x7B6EdomlJKZmyCQs2nRNAdiqwSmFB1qYiGwyRphny9uJnHo_l0osM2oTOqqpsDXH64NqPVOxdHDz5yXiSWqo5-Vysi4R1PyR2Y0AFwP2YIg9N/s320/WSPBuilder+-+.wsp+file+created.jpg" style="text-align: center;" width="100%" /></a><br />
<br />
<br />
<u><b>Step 4</b></u>: Deploy the WSP using the <b>stsadm</b> utility<br />
<br />
Open the command prompt and traverse to the location where the .wsp file is located. Run the following command making sure the filename is exact.<br />
<br />
<div style="background-color: black; color: #6aa84f; font-weight: bold;"><tt>stsadm –o –addsolution –filename Sample_WSPBuilder.wsp</tt></div><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibso7LSZaAPSDJ3wEodyj80eq318BBOkGc5OJUPx8JRtad3ejeed0It9AMyMh5I8JYL-6xb7xqRrqDwBegEReU7SB4Iql4PCwngswgYJLjI82C0TJk8_LdXQdYjs0ZoYM3pYxGop6orrio/s1600/stsadm_command_to_add_WSP_Solution.jpg" target="_blank" title="stsadm command to add WSP Solution"><img alt="stsadm command to add WSP Solution" border="0" height="100%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibso7LSZaAPSDJ3wEodyj80eq318BBOkGc5OJUPx8JRtad3ejeed0It9AMyMh5I8JYL-6xb7xqRrqDwBegEReU7SB4Iql4PCwngswgYJLjI82C0TJk8_LdXQdYjs0ZoYM3pYxGop6orrio/s320/stsadm_command_to_add_WSP_Solution.jpg" style="text-align: center;" title="stsadm command to add WSP Solution" width="100%" /></a><br />
<br />
<br />
<u><b>Step 5</b></u>: Deploy the solution from the Operations Tab of Central Administration Site<br />
<br />
Browse to the <b>Central Administration Site</b> > Operation Tab > Global Configuration > Solution Management<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4DPI4F6QRC5d26hJZIFFs5NKTKsVcHrqyuLcETzJngIhc_o9t22L6tvEnziRNHGQViFd0-LWa4Fl6AKMwUQEaSZ0T07nT8Dt1a8qPU8RzxO2ENRT7IAsekAoaTZMzsoUvSNcTV5FqG3yr/s1600/Solution_Management_in_CAS.jpg" target="_blank" title="Solution Management in CAS"><img alt="Solution Management in CAS" border="0" height="100%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4DPI4F6QRC5d26hJZIFFs5NKTKsVcHrqyuLcETzJngIhc_o9t22L6tvEnziRNHGQViFd0-LWa4Fl6AKMwUQEaSZ0T07nT8Dt1a8qPU8RzxO2ENRT7IAsekAoaTZMzsoUvSNcTV5FqG3yr/s320/Solution_Management_in_CAS.jpg" style="text-align: center;" title="Solution Management in CAS" width="100%" /></a><br />
<br />
<br />
Click on <b>sample_wspbuilder.wsp</b> in the list and click on ‘Deploy Solution’ in the following page.<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYnkf5OBFdTV2PCmJwZTM9eMwnOGKtl9CiU1WUeW3ZJ40LRlerHIrbjqmgpm92W-5uLXnJaZ8zsMytE1xRbA7AhVaFv8lcMkPdgCl_iG7FGdt36u8o650PxJXUXhzgdCuFX3PSrD19BCIN/s1600/Deploy_a_WSP_in_Solution_Management.jpg" target="_blank" title="Deploy a WSP in Solution Management"><img alt="Deploy a WSP in Solution Management" border="0" height="100%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYnkf5OBFdTV2PCmJwZTM9eMwnOGKtl9CiU1WUeW3ZJ40LRlerHIrbjqmgpm92W-5uLXnJaZ8zsMytE1xRbA7AhVaFv8lcMkPdgCl_iG7FGdt36u8o650PxJXUXhzgdCuFX3PSrD19BCIN/s320/Deploy_a_WSP_in_Solution_Management.jpg" style="text-align: center;" title="Deploy a WSP in Solution Management" width="100%" /></a><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFlHALrUjvQzvx-A7mrC5LS7zaNxzz60XCf6YSCzklSdEZGZgqkKRuKC9m51i1rdScMNZh62hz_DOzt67WRiG84mAbpISj0YJTMijHOJgiQM8hbttn7wzuh22z24FCcxsNGdFlvFx8SIFG/s1600/Deploy_a_WSP_in_Solution_Management_2.jpg" target="_blank" title="Deploy a WSP in Solution Management 2"><img alt="Deploy a WSP in Solution Management" border="0" height="100%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFlHALrUjvQzvx-A7mrC5LS7zaNxzz60XCf6YSCzklSdEZGZgqkKRuKC9m51i1rdScMNZh62hz_DOzt67WRiG84mAbpISj0YJTMijHOJgiQM8hbttn7wzuh22z24FCcxsNGdFlvFx8SIFG/s320/Deploy_a_WSP_in_Solution_Management_2.jpg" style="text-align: center;" title="Deploy a WSP in Solution Management" width="100%" /></a><br />
<br />
<br />
Once clicked on ‘Deploy Solution’, the following page will display the time when you want your solution to be deployed and which Web Applications to target. The default time is now and all content web applications. Click <b>OK</b> to proceed.<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV1rOA-FXH0a8rvcW8imeSSLy-fyZGiRHt-1KjnSQHtwC7PkzUdATXRkAYsVPq3IRjBs_GZqjIiU61qFmyEHgcihB1XqiGo37eOoieyFcgOTd5cRJiRNRQsw95lx6hlDDRoKUfY_oiHqNp/s1600/Deploy_a_WSP_in_Solution_Management_3.jpg" target="_blank" title="Deploy a WSP in Solution Management 3"><img alt="Deploy a WSP in Solution Management 3" border="0" height="100%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV1rOA-FXH0a8rvcW8imeSSLy-fyZGiRHt-1KjnSQHtwC7PkzUdATXRkAYsVPq3IRjBs_GZqjIiU61qFmyEHgcihB1XqiGo37eOoieyFcgOTd5cRJiRNRQsw95lx6hlDDRoKUfY_oiHqNp/s320/Deploy_a_WSP_in_Solution_Management_3.jpg" title="Deploy a WSP in Solution Management 3" width="100%" /></a><br />
<br />
<br />
The solution package is now deployed which is evident from the snapshot below.<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8HyNBtQCt6lHWBtmNPi9zcp-vRn-DPPz_5iSWED3H8TEIgE5IAPLzPKqTKg7tHDLaDQuCx-kkkuGnVrH_uyTWvr339WA-P3RBdR5a8NAIYQJ31x3IC63ile1plSG6A8htzksL3d4f4sAj/s1600/Deploy_a_WSP_in_Solution_Management_4.jpg" target="_blank" title="Deploy a WSP in Solution Management 4"><img alt="Deploy a WSP in Solution Management 4" border="0" height="100%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8HyNBtQCt6lHWBtmNPi9zcp-vRn-DPPz_5iSWED3H8TEIgE5IAPLzPKqTKg7tHDLaDQuCx-kkkuGnVrH_uyTWvr339WA-P3RBdR5a8NAIYQJ31x3IC63ile1plSG6A8htzksL3d4f4sAj/s320/Deploy_a_WSP_in_Solution_Management_4.jpg" style="text-align: center;" title="Deploy a WSP in Solution Management 4" width="100%" /></a><br />
<br />
<br />
Once deployed, the following actions have been achieved:<br />
<br />
<ul><li> WebPart’s DLL has been copied to the GAC. Also to the bin folder of the SharePoint virtual directory with its .pdb file.</li>
</ul><ul><li> The ASP.Net Web User Control (<span style="font-size: small;"><i>i.e. .ascx and .ascx.cs</i></span>) files have been copied at the “12/TEMPLATE/LAYOUTS/PhotoGallery/” location.</li>
</ul><ul><li> The necessary <b>SafeControl</b> entries in <b>web.config</b> have been made automatically and the previous web.config file has been backed up with <b>.bak</b> entension.</li>
</ul><br />
<u><b>Step 6</b></u>: Following the required steps to view the WebPart<br />
<br />
Make sure you follow the required steps of populating the WebPart Gallery and adding the WebPart to a SharePoint page.<br />
<br />
Any questions, please feel free to put them in the Comments section.<br />
<br />
<b>Note</b>:<br />
<br />
<ul><li> The solution can be undeployed in the similar fashion by clicking on the Solution package name in Solution Management and then ‘Remove Solution’.</li>
</ul><ul><li> If you want to remove the solution package at Farm level then first undeploy the solution using the previous step and then use the following command. Note that this would uninstall the DLL’s in GAC and delete the subdirectories in 12 hive (<span style="font-size: small;"><i>as created by the WSP when installed</i></span>) from all front-end servers.</li>
</ul><br />
<div style="background-color: black; color: #6aa84f; font-weight: bold;"><tt>stsadm –o –deletesolution –name Sample_WSPBuilder.wsp –override</tt></div><br />
<hr /><br />
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td><br />
<br />
<b><u>You can download the source code Here</u></b>: <br />
<br />
<br />
<br />
</td><td style="padding-left: 20px;"><br />
<br />
<a href="http://cid-f1ea25e8e2f38be2.office.live.com/self.aspx/.Public/CODE%20Snippets/SharePoint%202007%20-%20Solution%20Deployment%20using%20WSPBuilder.zip" target="_blank" title="Source code for solution deployment in SharePoint 2007 using WSPBuilder"><img alt="Source code for solution deployment in SharePoint 2007 using WSPBuilder" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtupqrISutgO6GHJLxHI3oWvBIo8-1fHMfxGvRwLno1Jhhrl9tRDu3o8chGqZL9bVHOny2FAnZT_j1OgGRGVjrCkjcXo7gdI_CtsHKPYasLE5jimPck3WFM9CrO6QZiZtQzTlGkCD1479V/s1600/Download_Button.png" style="height: 80px; text-align: right; width: 100px;" title="Source code for solution deployment in SharePoint 2007 using WSPBuilder" /></a><br />
<br />
<br />
</td></tr>
</tbody></table><br />
<hr /><br />
<span style="font-size: large;"><u style="color: #f1c232;"><b>Key Learning</b></u></span> SharePoint component deployment can be made easy with WSPBuilder. Once the WSP is created, developers should try deploying the same on their development environment and when successful, handover the same to the SharePoint Administrators for deployment on production servers.<br />
<br />
<hr /><br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=7726662952364314391" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com3tag:blogger.com,1999:blog-3763836010083259625.post-1670663662859208142010-12-17T02:06:00.003+05:302012-06-07T00:52:41.345+05:30SharePoint 2007: Accessing a SharePoint List programmatically<div dir="ltr" style="text-align:justify;" trbidi="on"><b>Microsoft SharePoint 2007</b> offers the best portal, collaboration and content management for an enterprise. Teams using a SharePoint portal can collaborate using Document libraries, lists, picture libraries, discussion boards, surveys, etc. Amongst those I mentioned, document libraries are the most used allowing a team to share documents(<span style="font-size: small;"><i>of Office 2003/07</i></span>) and stay synchronized with the latest one allowing real-time collaboration. These lists and libraries can be accessed programmatically in C# using the SharePoint Object Model(<span style="font-size: small;"><i>SOM</i></span>). Though SOM can also be used to access different entities like Workflows, Site Features, etc; in this post I'll be focusing on accessing lists/libraries using SOM.<br />
<br />
<br />
Following will give you a quick gist of how we can access a SharePoint list present in a SharePoint site based on the hierarchy. <br />
<br />
<br />
<table align="center" border="1" cellspacing="0" frame="border" rules="all"><tbody>
<tr> <td style="text-align: center; vertical-align: middle; width: 70%;"><u><b>Hierarchy</b></u></td> <td style="text-align: center; vertical-align: middle; width: 30%;"><u><b>Class</b></u></td> </tr>
<tr style="font-size: small;"> <td style="text-align: left; vertical-align: top; width: 70%;"><br />
• SharePoint Site Collection<br />
(<i>i.e. top-level or parent site</i>)</td> <td style="padding-left: 30px; text-align: left; vertical-align: top; width: 30%;"><br />
SPSite</td> </tr>
<tr style="font-size: small;"> <td style="text-align: left; vertical-align: top; width: 70%;"><br />
• SharePoint Site<br />
(<i>i.e. target or sub-site</i>)</td> <td style="padding-left: 30px; text-align: left; vertical-align: top; width: 30%;"><br />
SPWeb</td> </tr>
<tr style="font-size: small;"> <td style="text-align: left; vertical-align: top; width: 70%;"><br />
• SharePoint List under the target site</td> <td style="padding-left: 30px; text-align: left; vertical-align: top; width: 30%;"><br />
SPList</td> </tr>
<tr style="font-size: small;"> <td style="text-align: left; vertical-align: top; width: 70%;"><br />
• List Items in the List</td> <td style="padding-left: 30px; text-align: left; vertical-align: top; width: 30%;"><br />
SPListItem</td> </tr>
</tbody> </table><br />
<br />
In my following example, I’m trying to access images in a Picture Library named ‘<b>PictureLibrary1</b>’ present at the URL <b style="color: #45818e;">http://ram2003svr:8080/PictureLibrary1</b>. The List Items existing in the ‘PictureLIbrary1’ are ‘Name’, ‘Title’. I have used an ASP.Net website for this example, so make sure you have the following three libraries added as a reference to your project.<br />
<br />
<br />
• Microsoft.SharePoint<br />
• Microsoft.SharePoint.Security<br />
• Microsoft.SharePoint.intl<br />
<br />
You can copy the DLL’s from your GAC using this link <a href="http://rmanimaran.wordpress.com/2008/08/05/get-a-copy-of-dll-in-gac-or-add-reference-to-a-dll-in-gac/" target="_blank" title="Read to know how to copy DLLs from GAC"><b style="color: #6aa84f;">Here</b></a>.<br />
<br />
<br />
<u><b style="color: #f1c232;">CODE Snippet</b></u>:<br />
<br />
<br />
<div style="border: 1px solid rgb(0, 0, 128); color: black; font-family: 'Courier New',Courier,Monospace; font-size: 10pt;"><div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); overflow: auto;"><ul style="background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 0pt; padding: 0pt 0pt 0pt 5px; white-space: nowrap;"><li><span style="color: blue;">using</span> System;</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: blue;">using</span> System.Web;</li>
<li><span style="color: blue;">using</span> System.Web.UI;</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: blue;">using</span> System.Web.UI.HtmlControls;</li>
<li><span style="color: blue;">using</span> System.Web.UI.WebControls;</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li><span style="color: blue;">using</span> Microsoft.SharePoint;</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: blue;">using</span> Microsoft.SharePoint.WebControls;</li>
<li><span style="color: blue;">using</span> Microsoft.SharePoint.WebPartPages;</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li><span style="color: blue;">public</span> <span style="color: blue;">partial</span> <span style="color: blue;">class</span> <span style="color: #2b91af;">Image_Library_Webpart_Default</span> : System.Web.UI.Page</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);">{</li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: green;">/*</span></li>
<li><span style="color: green;"> We're trying to access a 'Picture Library' located at below URL.</span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: green;"> URL: http://ram2003svr:8080/PictureLibrary1</span></li>
<li><span style="color: green;"> </span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: green;"> The below process is similar for accessing a Document Library or Lists like 'Tasks','Announcements', etc.</span></li>
<li><span style="color: green;"> */</span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;">protected</span> <span style="color: blue;">void</span> Page_Load(<span style="color: blue;">object</span> sender, <span style="color: #2b91af;">EventArgs</span> e)</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> {</li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: green;">//SPSecurity.RunWithElevatedPrivileges() is mandatory since a user might not have sufficient privileges to access this list.</span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> SPSecurity.RunWithElevatedPrivileges(<span style="color: blue;">delegate</span>()</li>
<li> {</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: green;">//SPSite returns the Site Collection object for the URL</span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;">using</span> (SPSite spSite = <span style="color: blue;">new</span> SPSite(<span style="color: #a31515;">"http://ram2003svr:8080/"</span>)) </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> {</li>
<li> <span style="color: green;">/* Returns the object of the site (takes relative site URL after the top-site) which we want to access. </span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: green;"> In this case, it is BLANK since the site is a top-level site */</span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: blue;">using</span> (SPWeb spWeb = spSite.AllWebs[<span style="color: #a31515;">""</span>]) </li>
<li> { </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: green;">//Returns the List object for the Picture Library. Takes the List Name as an argument.</span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> SPList spList = spWeb.Lists[<span style="color: #a31515;">"PictureLibrary1"</span>];</li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: green;">//Iterate through the SPListItems in the List.</span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: blue;">foreach</span> (SPListItem spListItem <span style="color: blue;">in</span> spList.Items)</li>
<li> {</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: green;">//You can access the various attributes in the list like 'Name','Title'</span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> Response.Write(<span style="color: #a31515;">"Name of image file : "</span> + spListItem[<span style="color: #a31515;">"Name"</span>].ToString() + <span style="color: #a31515;">"<br /><br />"</span>);</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> Response.Write(<span style="color: #a31515;">"Title of image file : "</span> + spListItem[<span style="color: #a31515;">"Title"</span>].ToString() + <span style="color: #a31515;">"<br /><br />"</span>);</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> Response.Write(<span style="color: #a31515;">"URL of image file : "</span> + <span style="color: #a31515;">"http://ram2003svr:8080/PictureLibrary1/"</span> + spListItem[<span style="color: #a31515;">"Name"</span>].ToString() + <span style="color: #a31515;">"<br /><br />"</span>);</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> }</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> }</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> }</li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> });</li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> }</li>
<li>}</li>
</ul></div></div><br />
<br />
<hr /><br />
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr> <td><br />
<br />
<b><u>You can download the source code Here</u></b>: <br />
<br />
<br />
<br />
</td> <td style="padding-left: 20px;"><br />
<br />
<a href="http://cid-f1ea25e8e2f38be2.office.live.com/self.aspx/.Public/CODE%20Snippets/Accessing%20a%20Sharepoint%20List%20Programatically.zip" target="_blank" title="Source code for accessing a SharePoint 2007 List programmatically"><img alt="Source code for accessing a SharePoint 2007 List programmatically" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtupqrISutgO6GHJLxHI3oWvBIo8-1fHMfxGvRwLno1Jhhrl9tRDu3o8chGqZL9bVHOny2FAnZT_j1OgGRGVjrCkjcXo7gdI_CtsHKPYasLE5jimPck3WFM9CrO6QZiZtQzTlGkCD1479V/s1600/Download_Button.png" style="height: 80px; text-align: right; width: 100px;" title="Source code for accessing a SharePoint 2007 List programmatically" /></a><br />
<br />
<br />
</td> </tr>
</tbody> </table><br />
<hr /><br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=167066366285920814" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com0tag:blogger.com,1999:blog-3763836010083259625.post-15098305895274589562010-12-10T01:01:00.006+05:302011-01-13T17:00:09.658+05:30SharePoint 2007: Creating WebParts using ASP.Net Web User Controls<b>WebParts</b> can be used as an add-on in MOSS (<span style="font-size: small;"><i>Microsoft Office SharePoint Server</i></span>) 2007 or WSS (<span style="font-size: small;"><i>Windows SharePoint Services</i></span>) 3.0. You can include ASP.Net functionality into SharePoint using Web Parts as well. Web Parts as developers know, does not have a front end when developed, we have to add controls to it dynamically for it to be displayed on SharePoint page. In such cases, to make the development effort easier and faster,<b> ASP.Net Web User Controls</b> (<span style="font-size: small;"><i>i.e. .ascx</i></span>) can bear the Web Form layout. The Web Part can be made to use this Web User Control for displaying it on a SharePoint page. A matter of fact, developing, deploying and maintaining WebParts is one of the most tedious tasks for a SharePoint developer. Following steps will help you leverage a ASP.Net Web User Control with a Web Part.<br />
<br />
<br />
<u style="color: #f1c232;"><b>Step 1</b></u>: <b>Creating the ASP.Net Web User Control</b><br />
<br />
<br />
Create an ASP.Net web site and get your Web User Control (<span style="font-size: small;"><i>.ascx and .ascx.cs files</i></span>) developed and tested as per your requirements. If you want your Web User Control to interact with SharePoint Object Model then you have to add references to the following 3 DLL’s:<br />
<br />
• Microsoft.SharePoint<br />
• Microsoft.SharePoint.Security<br />
• Microsoft.SharePoint.intl<br />
<br />
You can copy these three DLL’s from GAC using this link <a href="http://rmanimaran.wordpress.com/2008/08/05/get-a-copy-of-dll-in-gac-or-add-reference-to-a-dll-in-gac/" target="_blank" title="Click to learn how to copy DLL's from GAC"><b style="color: #6aa84f;">Here</b></a>.<br />
<br />
<br />
Keep the following points included in mind for certain cases:<br />
<br />
◘ If you want to insert a custom JavaScript file specially for the ASP.Net User Control you can either use the <span style="color: #45818e; font-size: small;"><i><b><script></script></b></i></span> block in the .ascx file or use the following approach:<br />
<br />
<div style="margin-left: 20px;">• Place an ASP.Net Placeholder in the section of the SharePoint Master page. Name it as per your convention.<br />
• Use a Literal control (<span style="font-size: small;"><i>say '<b>Literal1</b>'</i></span>) and add the <span style="color: #45818e; font-size: small;"><b><i><script src=" ... " type="text/javascript"></script></i></b></span> code for JavaScript or <span style="color: #45818e;"></span><span style="color: #45818e; font-size: small;"><b><i><link href=" ... " rel="Stylesheet" /></i></b></span> code for CSS to the ‘<b>Literal1.Text</b>’ attribute in the Page_Load event of the ASP.Net User Control.<br />
• Access the Placeholder with the ID from the Page_Load event and add the Literal1 control to it.</div><br />
◘ The JavaScript or CSS file so referenced in the Web User Control can either be a file visible in <b>SharePoint 2007 Designer</b> or in the ‘<b>_layouts</b>’ folder. Choosing the former option would be wiser.<br />
<br />
◘ If you need to access a <ConnectionString> or <AppSetting> attribute from the Web User Control, make sure you make the required entry in the 'web.config' file.<br />
<br />
<br />
<u style="color: #f1c232;"><b>Step 2</b></u>: <b>Placing the Web User Control in the '_layouts' folder</b><br />
<br />
<br />
Place the ASP.Net Web User Control files (<span style="font-size: small;"><i>i.e. .ascx and .ascx.cs</i></span>) in a folder created (<span style="font-size: small;"><i>name it wisely</i></span>) in the ‘<b>_layouts</b>’ folder of your 12 hive where Microsoft SharePoint 2007 is installed. Place your JavaScript or CSS files here as well if you have chosen to reference them from your Web User Control here.<br />
<br />
A majority of posts on the Internet will advice to keep the Web User Control files in the ‘<b>_controltemplates</b>’ virtual directory but believe me and my experience; I prefer the ‘<b>_layouts</b>’ virtual directory. In my example mentioned below, I have used a Web User Control named 'Photo_Gallery.ascx' placed in the folder 'PhotoGallery' in the '_layouts' folder.<br />
<br />
<br />
<u style="color: #f1c232;"><b>Step 3</b></u>: <b>Creation of WebPart</b><br />
<br />
<br />
Assuming you have your development environment ready, create a Web Part project in VS 2005/2008 using <i>SharePoint Extensions for Visual Studio</i> with the following code snippet:<br />
<br />
<br />
<div style="border-bottom: #000080 1px solid; border-left: #000080 1px solid; border-right: #000080 1px solid; border-top: #000080 1px solid; color: black; font-family: 'Courier New', Courier, Monospace; font-size: 10pt;"><div style="background: #fff; overflow: auto;"><ul style="background: #ffffff; list-style-type: none; margin: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 0px; padding-top: 0px; white-space: nowrap;"><li> </li>
<li style="background: #f3f3f3;"><span style="color: blue;">using</span> System;</li>
<li><span style="color: blue;">using</span> System.IO;</li>
<li style="background: #f3f3f3;"><span style="color: blue;">using</span> System.Runtime.InteropServices;</li>
<li><span style="color: blue;">using</span> System.Web.UI;</li>
<li style="background: #f3f3f3;"><span style="color: blue;">using</span> System.Web.UI.WebControls;</li>
<li><span style="color: blue;">using</span> System.Web.UI.WebControls.WebParts;</li>
<li style="background: #f3f3f3;"><span style="color: blue;">using</span> System.Xml.Serialization;</li>
<li> </li>
<li style="background: #f3f3f3;"><span style="color: blue;">using</span> Microsoft.SharePoint;</li>
<li><span style="color: blue;">using</span> Microsoft.SharePoint.WebControls;</li>
<li style="background: #f3f3f3;"><span style="color: blue;">using</span> Microsoft.SharePoint.WebPartPages;</li>
<li> </li>
<li style="background: #f3f3f3;"><span style="color: blue;">namespace</span> WP_PhotoGallery</li>
<li>{</li>
<li style="background: #f3f3f3;"> </li>
<li> [<span style="color: #2b91af;">Guid</span>(<span style="color: #a31515;">"c3417aa5-e282-42c8-a8b8-769d1f66af31"</span>)]</li>
<li style="background: #f3f3f3;"> <span style="color: blue;">public</span> <span style="color: blue;">class</span> <span style="color: #2b91af;">SogetiPhotoGallery</span> : System.Web.UI.WebControls.WebParts.WebPart</li>
<li> {</li>
<li style="background: #f3f3f3;"> </li>
<li> Control c; <span style="color: green;">//Variable for the Web Part Control</span></li>
<li style="background: #f3f3f3;"> <span style="color: #2b91af;">String</span> err; <span style="color: green;">//Will store the Exception</span></li>
<li> </li>
<li style="background: #f3f3f3;"> <span style="color: blue;">public</span> SogetiPhotoGallery()</li>
<li> {</li>
<li style="background: #f3f3f3;"> <span style="color: green;">/* Will allow to export the WebPart. Not mandatory. */</span></li>
<li> </li>
<li style="background: #f3f3f3;"> <span style="color: blue;">this</span>.ExportMode = WebPartExportMode.All;</li>
<li> }</li>
<li style="background: #f3f3f3;"> </li>
<li> <span style="color: blue;">protected</span> <span style="color: blue;">override</span> <span style="color: blue;">void</span> Render(HtmlTextWriter writer)</li>
<li style="background: #f3f3f3;"> {</li>
<li> </li>
<li style="background: #f3f3f3;"> <span style="color: green;">/* SPSecurity.RunWithElevatedPrivileges block is required to run the Web Part with additional privilegs. </span></li>
<li><span style="color: green;"> * This BLOCK is recommended to avoid user authentication/authorization issues. */</span></li>
<li style="background: #f3f3f3;"> </li>
<li> SPSecurity.RunWithElevatedPrivileges(<span style="color: blue;">delegate</span>()</li>
<li style="background: #f3f3f3;"> {</li>
<li> </li>
<li style="background: #f3f3f3;"> <span style="color: blue;">try</span></li>
<li> {</li>
<li style="background: #f3f3f3;"> <span style="color: green;">/* Render the Web User Control */</span></li>
<li> </li>
<li style="background: #f3f3f3;"> c.RenderControl(writer);</li>
<li> }</li>
<li style="background: #f3f3f3;"> </li>
<li> <span style="color: blue;">catch</span> (<span style="color: #2b91af;">Exception</span> e)</li>
<li style="background: #f3f3f3;"> {</li>
<li> <span style="color: green;">/* Store the Exception in 'err' is any */</span></li>
<li style="background: #f3f3f3;"> </li>
<li> writer.Write(e.Message + <span style="color: #a31515;">" : "</span> + err);</li>
<li style="background: #f3f3f3;"> }</li>
<li> </li>
<li style="background: #f3f3f3;"> });</li>
<li> </li>
<li style="background: #f3f3f3;"> }</li>
<li> </li>
<li style="background: #f3f3f3;"> <span style="color: blue;">protected</span> <span style="color: blue;">override</span> <span style="color: blue;">void</span> CreateChildControls()</li>
<li> {</li>
<li style="background: #f3f3f3;"> </li>
<li> SPSecurity.RunWithElevatedPrivileges(<span style="color: blue;">delegate</span>()</li>
<li style="background: #f3f3f3;"> {</li>
<li> </li>
<li style="background: #f3f3f3;"> <span style="color: green;">//Create all associated child controls necessary for display //</span></li>
<li> </li>
<li style="background: #f3f3f3;"> <span style="color: blue;">base</span>.CreateChildControls();</li>
<li> </li>
<li style="background: #f3f3f3;"> <span style="color: blue;">try</span></li>
<li> {</li>
<li style="background: #f3f3f3;"> </li>
<li> <span style="color: blue;">this</span>.Controls.Clear();</li>
<li style="background: #f3f3f3;"> </li>
<li> <span style="color: green;">//Load the Web User Control (.ascx) and add it to the Page. //</span></li>
<li style="background: #f3f3f3;"> </li>
<li> c = <span style="color: blue;">this</span>.Page.LoadControl(<span style="color: #a31515;">"~/_layouts/PhotoGallery/Photo_Gallery.ascx"</span>);</li>
<li style="background: #f3f3f3;"> <span style="color: blue;">this</span>.Controls.Add(c);</li>
<li> }</li>
<li style="background: #f3f3f3;"> </li>
<li> <span style="color: blue;">catch</span> (<span style="color: #2b91af;">Exception</span> e)</li>
<li style="background: #f3f3f3;"> {</li>
<li> err = e.Message;</li>
<li style="background: #f3f3f3;"> }</li>
<li> </li>
<li style="background: #f3f3f3;"> });</li>
<li> </li>
<li style="background: #f3f3f3;"> }</li>
<li> </li>
<li style="background: #f3f3f3;"> }</li>
<li> </li>
<li style="background: #f3f3f3;">}</li>
</ul></div></div><br />
<br />
<u style="color: #f1c232;"><b>Step 4</b></u>: <b>Deployment of Web Part, populating it in Web Part Gallery and using a Web Part page to display the Web Part on a SharePoint page</b><br />
<br />
<br />
Make sure you follow the required steps for deployment of Web Part. If you face any issues, please post it in the comments section.<br />
<br />
As a reference for beginners, you can learn how to create, deploy and install Web Parts using this article <a href="http://www.codeproject.com/KB/sharepoint/WebPartIntro.aspx" target="_blank" title="Click to learn how to create and deploy SharePoint WebParts"><b style="color: #6aa84f;">Here</b></a>.<br />
<br />
<br />
<hr /><br />
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td><br />
<br />
<b><u>You can download the source code Here</u></b>: <br />
<br />
<br />
<br />
</td><td style="padding-left: 20px;"><br />
<br />
<a href="http://cid-f1ea25e8e2f38be2.office.live.com/self.aspx/.Public/CODE%20Snippets/Creating%20MOSS%202007%20WebPart%20with%20ASP.Net%20Web%20User%20Control.zip" target="_blank" title="Source code for Creating WebParts using ASP.Net Web User Controls in SharePoint 2007"><img alt="Source code for Creating WebParts using ASP.Net Web User Controls in SharePoint 2007" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtupqrISutgO6GHJLxHI3oWvBIo8-1fHMfxGvRwLno1Jhhrl9tRDu3o8chGqZL9bVHOny2FAnZT_j1OgGRGVjrCkjcXo7gdI_CtsHKPYasLE5jimPck3WFM9CrO6QZiZtQzTlGkCD1479V/s1600/Download_Button.png" style="height: 80px; text-align: right; width: 100px;" title="Source code for Creating WebParts using ASP.Net Web User Controls in SharePoint 2007" /></a><br />
<br />
<br />
</td></tr>
</tbody></table><br />
<hr /><br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=1509830589527458956" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com1tag:blogger.com,1999:blog-3763836010083259625.post-30138608400268304752010-11-25T17:15:00.109+05:302015-01-03T01:39:49.811+05:30Unicode special characters at your advantage<div dir="ltr" style="text-align: left;" trbidi="on">
I’m sure you would have come across Facebook status updates and Tweets having special characters which you don’t find them on your keyboard. These special characters convey expressions, feelings and adorn your text from aesthetics point-of-view.<br />
<br />
<br />
<b><span style="color: #e69138;">Examples</span></b>: ☺ ♣ ♥ ◘ ♫ ¿ ► ↔ » ☼ ■ ± √ ¼ Ω Ü £ ░ ... many more<br />
<br />
<br />
Check the following examples on <b>Facebook</b> and <b>Twitter</b> –<br />
<br />
<br />
<div style="clear: both; text-align: center;">
<img alt="Facebook Update with special characters" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu5AwIvUpiHpODC2Qq83tiCLoOs9DJiUVdbCI8Aq103TJJ8reAALfLxtqRqb8D9fKd_C4QjeTlWwIg_bpt8Kse-JyBLJsV7eQVmPGerNPSqtZm3sjgkodlrimrFuEaMmCUwYXkotQnFQNa/s400/Facebook_Update_with+special+character.png" height="150" title="Facebook Update with special characters" width="500" /></div>
<br />
<div style="clear: both; text-align: center;">
<img alt="Twitter Update with special characters" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn09nECyiaMStAV9SRJDhfwHE1kudMq27CnI9K9tqo1TFqthUUn3DQDF4yEHxDE3k-1E1ihNKacfcXJxZAQWSiUXxCpeGsXCQgSesKNGXjUzpN8g6EBCxcnKPfncS4XqXT3ISr4rvbn1Le/s400/Twitter+Update_with+special+character.png" height="150" title="Twitter Update with special characters" width="500" /></div>
<br />
<br />
These are called <b style="color: #e69138;">Unicode Special Characters</b> and there are many of them. You can use <b>ALT codes</b> to get these characters on screen. The idea is to keep the ALT key pressed and then type the CODE from your numeric keypad. Check the following Unicode special character list along with its equivalent ALT code. For language specific characters check <a href="http://www.alt-codes.net/" target="_blank" title="Click to view all Unicode special characters with ALT codes"><b style="color: #6aa84f;">Here</b></a>.<br />
<br />
<br />
<div style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI9Zqmjms84eCJ4tNUf8-EqI9wE7Rg7vWy1FIqTBueXvjVb8bZqbVVhuxnVleza3tah3GcypZUE23Fjtqm69nkzdWswRJTz6_j_qreYSucaewJ_oD04zHtZb6qaCQAIb60AEoqYx39ocUy/s1600/ALT_CODES.jpg" style="margin: 0px; padding: 0px;" target="_blank" title="Click to view Unicode special characters with respective ALT Codes"><br />
<img alt="Click to view Unicode special characters with respective ALT Codes" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI9Zqmjms84eCJ4tNUf8-EqI9wE7Rg7vWy1FIqTBueXvjVb8bZqbVVhuxnVleza3tah3GcypZUE23Fjtqm69nkzdWswRJTz6_j_qreYSucaewJ_oD04zHtZb6qaCQAIb60AEoqYx39ocUy/s1600/ALT_CODES.jpg" style="height: 100%; width: 100%;" title="Click to view Unicode special characters with respective ALT Codes" /></a></div>
<br />
<br />
<u><b>Note</b></u>:<br />
<br />
<ul>
<li>Make sure you have the Num Lock ON.</li>
</ul>
<ul>
<li>You need the numeric keypad on your keyboard layout to use these codes else use the <b>Character Map</b> in <b>Windows</b>. Apple Mac OSX users can refer this link <a href="http://fsymbols.com/character-maps/mac/" target="_blank" title="Character Viewer in Apple Macintosh"><b style="color: #6aa84f;">Here</b></a> for using Unicode special characters. The ‘Character Map’ equivalent in Macintosh is known as <b>Character Palette</b>. You can read more on both of them below.</li>
</ul>
<ul>
<li>The ALT key has to be released once the code is typed.</li>
</ul>
<br />
<br />
<b>■ How do I use Unicode special characters in Web Pages</b>?<br />
<br />
There are several ways you can type or import Unicode text, but each page must include a encoding meta tag specifying the utf-8 Unicode encoding, so that browsers render the text correctly. See the code below for HTML5: <br />
<br />
<br />
<div style="border: 1px solid rgb(0, 0, 128); color: black; font-family: 'Courier New',Courier,Monospace; font-size: 10pt;">
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); overflow: auto;">
<ul style="background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 0pt; padding: 0pt 0pt 0pt 5px; white-space: nowrap;">
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: blue;"><</span><span style="color: #a31515;">head</span><span style="color: blue;">></span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: blue;"><</span><span style="color: #a31515;">meta</span> <span style="color: red;">charset</span><span style="color: blue;">="UTF-8"</span> <span style="color: blue;">/></span></li>
<li>...</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li><span style="color: blue;"></</span><span style="color: #a31515;">head</span><span style="color: blue;">></span></li>
</ul>
</div>
</div>
<br />
<br />
<b>■ Use '<span style="color: #e69138;">Character Map</span>' in Windows if you don't have access to Web</b> <b>or can't remember ALT Codes</b>:<br />
<br />
Start → Run → charmap ↵<br />
<br />
<br />
<b>■ For Apple Macintosh users</b>:<br />
<br />
The ‘Character Map’ equivalent in Macintosh is known as <b style="color: #e69138;">Character Viewer</b>. Read more on it <a href="http://fsymbols.com/character-maps/mac/" target="_blank" title="Character Viewer in Apple Macintosh"><b style="color: #6aa84f;">Here</b></a>.<br />
<br />
<br />
<br />
<div style="color: #3d85c6; text-align: justify;">
<a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=3013860840026830475" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>
</div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com1tag:blogger.com,1999:blog-3763836010083259625.post-25260510599985723672010-11-08T18:52:00.002+05:302010-12-21T00:17:08.673+05:30Why Google’s Blogger is the best blogging service according to meThere are many options available for having your Blog like Wordpress, Blogger, LiveSpaces, etc. But the best I'd recommend is Google's <b style="color: #e69138;">Blogger</b>. Some of the prime reasons I rank it above <b>WordPress</b>, <b>LiveSpaces</b> –<br />
<br />
<ul><li>Provides customizations to the best possible extent including adding Scripts, custom HTML, etc to the template.</li>
</ul><ul><li>Publishing a post subsequently indexes the same on <b>Google Search</b> <u>instantly</u>. Check it out for yourself.</li>
</ul><ul><li>Has a lucid and user-friendly interface making it easy for any beginner to quickly get started.</li>
</ul><ul><li>Provides publishing over FTP or E-Mail. FTP publishing literally means publishing your blog to your personal website with content hosted over Blogger. E-Mail publishing offers making posts by sending an E-Mail to a E-Mail address which can be configured from the Settings Tab.</li>
</ul><ul><li>Direct integration with Google <b>Picasa Web Albums</b> and <b>YouTube</b> which provides a central repository for storing your images and videos respectively.</li>
</ul><ul><li>Support for both RSS and Atom(<span style="font-size: small;"><i>default</i></span>) feeds with ample customization possibilities over the following things:</li>
</ul><div style="padding-left: 60px;">»» Templates – <a href="http://www.btemplates.com/" target="_blank" title="Click to check out more Blogger Templates"><b style="color: #6aa84f;">Here</b></a><br />
»» Customization Scripts –<a href="http://www.bloggersentral.com/" target="_blank" title="Click to view site for customizing your blog on Blogger"><b style="color: #6aa84f;">Here</b></a></div><br />
<br />
<hr /><br />
<table border="0" cellpadding="0" cellspacing="0" frame="void" rules="none"><tbody>
<tr> <td style="text-align: left; vertical-align: middle;"><br />
Check out <b>Google’s Blogger</b> Here:</td> <td style="text-align: left; vertical-align: middle;"> <a href="http://www.blogger.com/" target="_blank" title="Click to view Google's Blogger service"><img alt="Google's Blogger service" border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY8u7iUDW9HcE11Tt0Ni-IeUnlBd14l7yY8tw9Kbj9vuOZz2XTk7c0DxUEZTjX6JmzVHRNlAZgkZaS-dBidhleaTjDUamjX7VidbWrbFytyewVuooambm1V9FgxpRqMNhy3Iay3ECRyEyd/s320/Blogger_Logo.png" style="border: 4px solid transparent; margin: 0px; outline: 4px solid rgb(230, 226, 216); padding: 0px; text-align: left; vertical-align: middle;" title="Google's Blogger service" width="120" /></a></td> </tr>
</tbody></table><br />
<hr /><br />
<br />
<div style="color: #f1c232;"><b>My personal suggestions</b></div><br />
• Once registered with an ID say ' <b>abc</b> ' you'll have your blog in this fashion - <b>www.abc.blogspot.com</b><br />
<br />
• Before registering, please think as to what subject you'll be focusing on for your blog. Choose an apt title for your blog and any posts you make so that search engines index your blog appropriately depending on your quality of content. This way you'll get some decent readers VIA search engine results.<br />
<br />
• Blogger offers some cool features like a rich text-editor, 1GB image storage space over Picasa, comment moderation, Blog publishing via E-Mail, FTP hosting on your personal web-site, importing previous posts, various templates, etc.<br />
<br />
<br />
<b style="color: #e69138;">So start blogging ...</b> (<span style="font-size: small;"><i>just make it a habit</i></span>)<br />
<br />
<br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=2526051059998572367" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com2tag:blogger.com,1999:blog-3763836010083259625.post-76149167714020863372010-10-25T01:02:00.171+05:302010-10-31T11:40:21.714+05:30Microsoft BPOS Suite: Getting started with the 30-day EvaluationAssuming you know about <b>Microsoft BPOS Suite</b>, it's time to get started with the 30-day Evaluation. You can read my previous post <a href="http://gameboyzone.blogspot.com/2010/10/microsoft-bpos-suite-overview.html" target="_blank" title="Click to know about Microsoft BPOS Suite: An overview"><b style="color: #6aa84f;">Here</b></a> in case you want an overview of it. Following are the requirements for getting started with the 30-day evaluation:<br />
<br />
<ul><li>A Windows Live ID (<span style="font-size: small;"><i>can be created if you don’t have one</i></span>)</li>
</ul><ul><li>An internet domain with full access to administration panel (<span style="font-size: small;"><i>mandatory</i></span>)</li>
</ul><br />
Now let’s get started with the registration process.<br />
<br />
<br />
<div style="color: #e69138;"><b>Step 1</b></div><br />
Login into the Microsoft BPOS portal <a href="http://www.microsoft.com/online/business-productivity.aspx" target="_blank" title="Click to view the Microsoft BPOS portal"><b style="color: #6aa84f;">Here</b></a>. Another way of viewing this page:<br />
<br />
<ul><li> Login into <b>Microsoft Online Services</b> portal over<br />
<a href="http://www.microsoft.com/Online/" target="_blank" title="Click to view Microsoft Online Services Portal"><span style="color: #6aa84f;">http://www.Microsoft.com/Online/</span></a></li>
</ul><ul><li> Check out <b>BPOS Suite</b> under <b>Products</b> menu</li>
</ul><br />
<div style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcThPkwpFy4CRA-5lEEF4l48s3HM6okiicemq-77BqL9Ko-RrQOz_No5P0YNF8hJhGRY8o3eiEtbAcRXNHIKNSf4lIoQA7MAnnR8p-egUiYnnYm4jBoqTCk05CtWQZZzv1pwZxatwlwQE0/s1600/Microsoft+_BPOS_Portal.jpg" target="_blank" title="Microsoft BPOS Portal"><img alt="Microsoft BPOS Portal" border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcThPkwpFy4CRA-5lEEF4l48s3HM6okiicemq-77BqL9Ko-RrQOz_No5P0YNF8hJhGRY8o3eiEtbAcRXNHIKNSf4lIoQA7MAnnR8p-egUiYnnYm4jBoqTCk05CtWQZZzv1pwZxatwlwQE0/s320/Microsoft+_BPOS_Portal.jpg" title="Microsoft BPOS Portal" width="100%" /></a></div><br />
<br />
<div style="color: #e69138;"><b>Step 2</b></div><br />
Clicking the <b>Free Trial »»</b> link will open up a modal dialog suggesting the three steps to followed for the entire process. Read them carefully. You can click on ‘<b>Get Started Now ></b>’ to proceed.<br />
<br />
<div style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCOrjj-FLXnsYZi6T2iIOMYAR0YyRW1q4WmWUVR2mpbrNs-F7qoEWpW-rHiWmV0Su4vpthTBHe6f3xJu63-1RTu-ON4OB-vInx0d7EG_aymZCMhbVFlDlNJjj_IyzOZF20GJ-18c1CyUmz/s1600/Microsoft_BPOS_Registration_Steps.jpg" target="_blank" title="Microsoft BPOS Registration Steps"><img alt="Microsoft BPOS Registration Steps" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCOrjj-FLXnsYZi6T2iIOMYAR0YyRW1q4WmWUVR2mpbrNs-F7qoEWpW-rHiWmV0Su4vpthTBHe6f3xJu63-1RTu-ON4OB-vInx0d7EG_aymZCMhbVFlDlNJjj_IyzOZF20GJ-18c1CyUmz/s320/Microsoft_BPOS_Registration_Steps.jpg" title="Microsoft BPOS Registration Steps" width="100%" /></a></div><br />
<br />
<div style="color: #e69138;"><b>Step 3</b></div><br />
Clicking on the button will take you to the <b>Microsoft Online Services Sign up portal</b>.<br />
<br />
<div style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP4_UYE8_dUD0MwJ6TIzr4DmDOUQnxvxsKZbIFl_-9GJOtA47sRz1D14IGMn5Dv7R27TAj_x-JfFUN2_5kTTq09EZ6Rkj2hu6ExUN-0G9LEqSyG8fQ0IKlDsZQ0FBzuxjH3r_KM_dd0_ur/s1600/BPOS_Live_Sign_In.jpg" target="_blank" title="Microsoft Online Services Sign Up portal"><img alt="Microsoft Online Services Sign Up portal" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP4_UYE8_dUD0MwJ6TIzr4DmDOUQnxvxsKZbIFl_-9GJOtA47sRz1D14IGMn5Dv7R27TAj_x-JfFUN2_5kTTq09EZ6Rkj2hu6ExUN-0G9LEqSyG8fQ0IKlDsZQ0FBzuxjH3r_KM_dd0_ur/s320/BPOS_Live_Sign_In.jpg" title="Microsoft Online Services Sign Up portal" width="100%" /></a></div><br />
<br />
As depicted in the above image, you can you can click on '<b>Sign Up</b>' to create a Windows Live ID and then register or click on '<b>Sign In</b>' to register using an existing Live ID. <br />
<br />
<div style="color: #e69138;"><b>Step 4</b></div><div style="color: #e69138;"><br />
</div>On successful registration, you will be redirected to the <b>Microsoft Online Services Customer portal</b>.<br />
<br />
<div style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ5_E_Ly05DqIai0higTe5zyMlgBGbRNkDcMStFTPOsOx-IVjmBJ93tAFnPnyrsNMZNTlML5x2ZsQXkzq_Pc_O6-syGUvMLdU845ZcI5NVts7fgpygJoF_wiKMmhrn65E6T8ZpZPPTnEoh/s1600/Microsoft_Online_Services_Customer_portal.jpg" target="_blank" title="Microsoft Online Services Customer portal"><img alt="Microsoft Online Services Customer portal" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ5_E_Ly05DqIai0higTe5zyMlgBGbRNkDcMStFTPOsOx-IVjmBJ93tAFnPnyrsNMZNTlML5x2ZsQXkzq_Pc_O6-syGUvMLdU845ZcI5NVts7fgpygJoF_wiKMmhrn65E6T8ZpZPPTnEoh/s320/Microsoft_Online_Services_Customer_portal.jpg" title="Microsoft Online Services Customer portal" width="100%" /></a></div><br />
<br />
You will be asked for the following two fields:<br />
<br />
<ul><li> Promotion code (<span style="font-size: small;"><i>not required</i></span>)</li>
</ul><ul><li> Company Name (<span style="font-size: small;"><i>make sure the name/alias is available and is named appropriately</i></span>)</li>
</ul><br />
By default, you will be the Administrator of the Microsoft Online Services account and will also have access to the <b>Microsoft Online Services Administration center</b>. In future, you can create more users and elevate them to be administrators.<br />
<br />
A point to note, by default the Administrator of the Microsoft Online Services account will have his username –<br />
<b style="color: #6aa84f;">admin@<i>CompanyName</i>.microsoftonline.com</b><br />
<br />
In future, the subsequent users added will have their usernames - <b>@<i>CompanyName</i>.microsoftonline.com</b>.<br />
<br />
The users will have access to their allotted MOS services via the MOS Customer portal <a href="https://mocp.microsoftonline.com/site/default.aspx" target="_blank" title="Microsoft Online Services Customer portal"><b style="color: #6aa84f;">Here</b></a>.<br />
<br />
On completion, of all the fields and before clicking <b>I agree</b> image button you will see the following screen.<br />
<br />
<div style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSR2Npwko3RaFKFxFZAjhT6BOr2XV-9uJSAXI4cjx_usMKBhmVM6bD1DC6TtI2z8QtIzRJTORhLd_Ir_U1dc3VY0kx99W4LGHOal534NfUhHAKWwVGRz-sEtpufuqXsAJRAKiRKf_dD9pQ/s1600/Microsoft_Online_Services_Customer_portal_Filled_Form.jpg" target="_blank" title="Microsoft Online Services Customer portal - Domain Sign Up"><img alt="Microsoft Online Services Customer portal - Domain Sign Up" border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSR2Npwko3RaFKFxFZAjhT6BOr2XV-9uJSAXI4cjx_usMKBhmVM6bD1DC6TtI2z8QtIzRJTORhLd_Ir_U1dc3VY0kx99W4LGHOal534NfUhHAKWwVGRz-sEtpufuqXsAJRAKiRKf_dD9pQ/s320/Microsoft_Online_Services_Customer_portal_Filled_Form.jpg" title="Microsoft Online Services Customer portal - Domain Sign Up" width="100%" /></a></div><br />
<br />
<div style="color: #e69138;"><b>Step 5</b></div><br />
We are almost done with the Microsoft Online Services 30-day Evaluation. You will see the following page which means you will receive a confirmation E-Mail with login credentials and Administration center link from <a href="mailto:msonlineservicesteam@microsoftonline.com" target="_blank" title="Click to contact Microsoft Online Services Team"><b style="color: #6aa84f;">msonlineservicesteam@microsoftonline.com</b></a>. Make sure you check your junk/spam folder in case you don’t see the E-Mail in your Inbox in 15 minutes.<br />
<br />
<div style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLEjqQAuOTR_DiKUqOmySC3sG3l_RhEsx3FAUuqB_4lkyIP7yJpX4x3m0dOPG21Z0NoEBUdf-dmIOfhnbq8cuunwuBCkR7fW1zUumZLclDfkldfNKGutg4TDbxqdS592wOGRsBIVa2HvV-/s1600/Microsoft_Online_Services_Subscription_Steps.jpg" target="_blank" title="Microsoft Online Services - Subscription Steps"><img alt="Microsoft Online Services - Subscription Steps" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLEjqQAuOTR_DiKUqOmySC3sG3l_RhEsx3FAUuqB_4lkyIP7yJpX4x3m0dOPG21Z0NoEBUdf-dmIOfhnbq8cuunwuBCkR7fW1zUumZLclDfkldfNKGutg4TDbxqdS592wOGRsBIVa2HvV-/s320/Microsoft_Online_Services_Subscription_Steps.jpg" title="Microsoft Online Services - Subscription Steps" width="100%" /></a></div><br />
<br />
You need to Login into the MOS Administration Center with your login credentials as provided in the confirmation mail and then get started with verifying your domain.<br />
<br />
<u><b>Note</b></u>:<br />
<br />
In case, you don’t see any E-mails in your Inbox and Spam folder, you can send a request for the same at -<br />
<a href="mailto:msonlineservicesteam@microsoftonline.com" target="_blank" title="Click to contact Microsoft Online Services Team"><b style="color: #6aa84f;">msonlineservicesteam@microsoftonline.com</b></a><br />
<br />
<br />
<div style="color: #e69138;"><b>Step 6</b></div><br />
The confirmation Mail will of the following format with Login credentials and Administration center link.<br />
<br />
<div style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiayrWh648lVAnDmUla9Mj5Y2bmwAhcKq6Kx1bl0d1KG90z7D-3M_a0zL1PbAvQmWI3EZh-XM-5js7pZLw6g-SSAI7V40PC9p_aq6aIyDN29tNDvl95ZKR0_PtXDjJmBZljemqdjUJZkmBm/s1600/Microsoft_Online_Services_Customer_portal_EMail_Confirmation.JPG" target="_blank" title="Microsoft Online Services Registration - EMail Confirmation"><img alt="Microsoft Online Services Registration - EMail Confirmation" border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiayrWh648lVAnDmUla9Mj5Y2bmwAhcKq6Kx1bl0d1KG90z7D-3M_a0zL1PbAvQmWI3EZh-XM-5js7pZLw6g-SSAI7V40PC9p_aq6aIyDN29tNDvl95ZKR0_PtXDjJmBZljemqdjUJZkmBm/s320/Microsoft_Online_Services_Customer_portal_EMail_Confirmation.JPG" title="Microsoft Online Services Registration - EMail Confirmation" width="100%" /></a></div><br />
<br />
Now you can sign into the <b>MOS Administration Center</b> and start with the following:<br />
<br />
<ul><li> <b>Verifying your domain for Microsoft Online Services</b>.</li>
</ul><br />
Stay tuned for a post on the same on my blog.<br />
<br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=7614916771402086337" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com0tag:blogger.com,1999:blog-3763836010083259625.post-11298437933413007552010-10-10T23:25:00.199+05:302010-10-21T00:31:56.255+05:30Microsoft BPOS Suite: An overview<div style="color: #e69138;"><b>What is it?</b></div><br />
<b>Microsoft BPOS</b> (<span style="font-size: small;"><i>Business Productivity Online Suite</i></span>) is Microsoft’s SaaS (<span style="font-size: small;"><i>Software as a Service</i></span>) offering which offers day-to-day messaging via E-Mail, peer-to-peer audio calls, video conferencing, team collaboration via portals, presence availability via Communicator in the form of tools like <span style="color: #f1c232;">Exchange Online</span>, <span style="color: #f1c232;">Sharepoint Online</span>, <span style="color: #f1c232;">Office Communications Online</span> and <span style="color: #f1c232;">Office Live Meeting Online</span>. So its four software services bundled together for your daily business and collaboration requirements for large, medium or budding enterprises. These software services are hosted by an array of data-centers at Microsoft's privy sites. <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><img alt="Microsoft BPOS Services" border="0" height="180px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirhuwjaeIYxBTZWFC81EURfoMZINXazEpFwjGwybVqtVD2uD40yJLA_NWZ1B3II4KcVrsR8KN04axebYbzJINE8SV2C56ICX0l-FHjyaMWSQ_uMgfKhfn7FL6t7S4LR7bk_ZFUYf50wJTZ/s320/BPOS+_Services.jpg" title="Microsoft BPOS Services" width="80%" /></div><br />
<br />
Check out the comprehensive <span style="color: #f1c232;"><b>visual demo</b></span> of BPOS below.<br />
<br />
<br />
<div style="clear: both; text-align: center;"><a href="http://www.microsoft.com/online/demo/demo.aspx" target="_blank" title="Click to view Microsoft BPOS Demo"><img alt="Click to view Microsoft BPOS Demo" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjECzKqlHY-NpGOUhaNY0mIURk62BqLV-ANLll1JedI8hyphenhyphenqSVeCOKQks9Fe8KnbXomzLDtr5lAsZIidgvUwytiuy2l9oZC4O6j8MgX-FfedOiOZqYhKqoRYh14w8mRdDAnG1hZ-xjVMghMF/s1600/BPOS_Demo.jpg" style="outline: 4px solid Gray; padding: 10px;" title="Click to view Microsoft BPOS Demo" width="300" /></a></div><br />
<br />
<div style="color: #e69138;"><b>Why enterprises should look forward to it?</b></div><br />
<br />
<div style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBUsOwBOvtYGqJPrMaY0wSmRvtvzpDgWELkI8di2re5pfQGbIkXwcixlTDEdM6pk69z93LmPvkRzfTQ3WohRIhO_QWO3EpmybxH4joROUp-h2OjJ1jqb6jucW4NS5VLRiALEU7v7cyLnj1/s1600/BPOS+-+How+it+works.gif" target="_blank" title="Click to view how Microsoft BPOS works"><img alt="Click to view how Microsoft BPOS works" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBUsOwBOvtYGqJPrMaY0wSmRvtvzpDgWELkI8di2re5pfQGbIkXwcixlTDEdM6pk69z93LmPvkRzfTQ3WohRIhO_QWO3EpmybxH4joROUp-h2OjJ1jqb6jucW4NS5VLRiALEU7v7cyLnj1/s320/BPOS+-+How+it+works.gif" title="Click to view how Microsoft BPOS works" width="100%" /></a></div><br />
<br />
<ul><li>Large, medium or budding enterprises who don’t want to invest in having on-premise infrastructure for their day-to-day messaging via E-Mail, peer-to-peer audio calls, video conferencing, team collaboration via portals, presence availability via Communicator, etc.</li>
</ul><ul><li>Enterprises can leverage business rich capabilities without the need to deploy and maintain software and hardware on-premise. These services can meet your needs for user productivity, high availability (<span style="font-size: small;"><i>Microsoft assures 99.5% and above up-time</i></span>), security (<span style="font-size: small;"><i>read <b style="color: #6aa84f;">here</b></i></span>) and 24/7 reliability.</li>
</ul><ul><li>It’s a subscription or pay-per-use based service which means you can back out from using it as per your own discretion. All your data can be backed up on-premise in that case.</li>
</ul><ul><li>Having said that, even enterprises having their infrastructure present on-premise can look forward to BPOS when they intend to scale up their hosted applications without investing in infrastructure (<span style="font-size: small;"><i>including floor space, H/W and S/W</i></span>), reducing expenditure on maintenance and administration, renewing software licenses, etc.</li>
</ul><br />
<br />
<div style="color: #e69138;"><b>How should I upgrade to BPOS?</b></div><br />
<ul><li><b>Don’t have an on-premise infrastructure ready</b>: If you are an enterprise or a start-up firm who doesn’t have an on-premise infrastructure, it’s going to be a fast adoption and a learning curve to look forward. All you have to do is:</li>
</ul><ul type="square"><li style="margin-left: 40px;">Pen down your requirements from the BPOS suite of tools with the no. of users you wish to have. In future, it won’t be difficult to scale up your requirements/users coz it’s a subscription based service and you pay-per-use.</li>
</ul><ul type="square"><li style="margin-left: 40px;">Go through the buying options carefully <a href="http://www.microsoft.com/online/buy.aspx" target="_blank" title="Click to check out the buying options for BPOS"><b style="color: #6aa84f;">Here</b></a> and select the right plan.</li>
</ul><ul type="square"><li style="margin-left: 40px;">Register for the service <a href="https://mocp.microsoftonline.com/site/buy/MS-BPOS-0001P?culture=en-us&WT.mc_id=BUY-BPOS_business-productivity_en-us" target="_blank" title="Click to register for on BPOS"><b style="color: #6aa84f;">Here</b></a> and get familiar with the Administration and User center.</li>
</ul><ul type="square"><li style="margin-left: 40px;">Register your company domain(<i>mandatory</i>) and get it approved via an E-Mail confirmation.</li>
</ul><ul type="square"><li style="margin-left: 40px;">Check the Administration center, start and configure all the services you need. Make the necessary settings like adding users, giving the requisite permissions to the user, etc.</li>
</ul><ul type="square"><li style="margin-left: 40px;">For connecting Microsoft Outlook to your Exchange Online Inbox and other configurations you’ll need <a href="http://www.microsoft.com/downloads/en/details.aspx?FamilyID=B4D668F4-26B0-4B3C-8B13-5E0275948257" target="_blank" title="Click to download Microsoft Online Migration Toolkit"><b style="color: #6aa84f;">Microsoft Online Migration Toolkit</b></a>.</li>
</ul><ul type="square"><li style="margin-left: 40px;">On the user side, the <a href="http://go.microsoft.com/fwlink/?LinkID=128350&clcid=0x409" target="_blank" title="Click to download Microsoft Online Sign-In client"><b style="color: #6aa84f;">Microsoft Online Services Sign-In client</b></a> can be used which acts as a front-end for BPOS services.</li>
</ul><br />
<ul><li><b>Have an on-premise infrastructure ready</b>: This case deserves a separate blog post from me as there needs to be a clear strategy which an Architect has to design considering existing infrastructure and its tolerable capacity, critical data, security, co-existence expenditure, etc. A lot of case-studies and best practices exist for this case but one of the best amongst those which I found and which all experts recommend - co-existing your on-premise infrastructure with your cloud based service.</li>
</ul><br />
Stay tuned on this blog post as I'll be putting up some relevant links here later.<br />
<br />
<br />
<hr /><br />
Try a <b>30-day evaluation</b> of BPOS <a href="https://mocp.microsoftonline.com/site/services/bpos/signup.aspx?offer=suite&culture=en-US&WT.mc_id=TRY-BPOS_business-productivity_en-us" target="_blank" title="Click to try a 30-day evaluation on BPOS"><b style="color: #6aa84f;">Here</b></a>.<br />
<br />
<hr /><br />
<br />
<div style="color: #e69138;"><b>About the pricing?</b></div><br />
There exists a separate offering for both new and existing customers and both of them are quite attractive. At the same time, it’s important that you think twice before you enroll your users coz its per-user-per-service pricing per month and not all features which we had in our on-premise set-up are there in BPOS. Check the image below for an idea.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiRMq4N1JGi2FmfHW-oEOG5NDpZoFZAmIcg6Ir6HZRgw8TJU84wJ6hzMnF6zjnf68J71yMJycYz9ElScOl7NuGmCTyzlFWK6LkAcmmQ3zrt8XlTE0fvViS-gWUMccc88jGzHqA4FAByAd/s1600/BPOS_Standard_Features.png" target="_blank" title="Click to view BPOS features"><img alt="Click to view BPOS features" border="0" height="100%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiRMq4N1JGi2FmfHW-oEOG5NDpZoFZAmIcg6Ir6HZRgw8TJU84wJ6hzMnF6zjnf68J71yMJycYz9ElScOl7NuGmCTyzlFWK6LkAcmmQ3zrt8XlTE0fvViS-gWUMccc88jGzHqA4FAByAd/s1600/BPOS_Standard_Features.png" title="Click to view BPOS features" width="100%" /></a></div><br />
<br />
<table align="center" border="2" frame="border" rules="all" style="text-align: center; width: 100%;"><tbody>
<tr><td style="padding: 5px; text-align: center; vertical-align: middle; width: 50%;"><b>Services preferred</b></td> <td style="padding: 5px; text-align: center; vertical-align: middle; width: 50%;"><b>Price</b></td> </tr>
<tr><td style="padding: 5px; text-align: left; vertical-align: top;">• <span style="font-size: small;">Entire BPOS Suite which includes</span>:<br />
- Exchange Online<br />
- Sharepoint Online<br />
- OCS Online<br />
- Live Meeting Online</td> <td style="padding: 5px; text-align: left; vertical-align: top;">10$ user/month</td></tr>
<tr><td style="padding: 5px; text-align: left; vertical-align: top;">• Exchange Online</td> <td style="padding: 5px; text-align: left; vertical-align: top;">5$ user/ month</td></tr>
<tr><td style="padding: 5px; text-align: left; vertical-align: top;">• Sharerepoint Online</td> <td style="padding: 5px; text-align: left; vertical-align: top;">5.25$ user/month</td></tr>
<tr><td style="padding: 5px; text-align: left; vertical-align: top;">• Office Comunications Online</td> <td style="padding: 5px; text-align: left; vertical-align: top;">2$ user/month</td></tr>
<tr><td style="padding: 5px; text-align: left; vertical-align: top;"><span style="font-size: small;">• Office Live Meeting Online</span></td><td style="padding: 5px; text-align: left; vertical-align: top;">4.5$ user/month</td></tr>
</tbody></table><br />
<br />
<hr /><br />
Check this <b>calculator</b> for <b>BPOS cost calculation</b>: <a href="http://www.microsoft.com/online/estimator/default.aspx" style="margin: 0px; padding: 0px;" target="_blank" title="Click to view Microsoft BPOS Price Calculator"><img alt="Click to view Microsoft BPOS Price Calculator" border="0" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidQsivuJOL6H8k7Xg2I9eaG6SofCPvQDeQP15upVvfoGAvAZSr0NkpbPaOdOvhTut3OGXc5hSTyoGOI2kOREXYwQQ-F4ZraiwXTusT1XuloQXmAQsm6SxYu_ggOncudGXIH06cvUgDgR4T/s1600/Calculator_Icon.png" style="margin: 0px; padding: 0px;" title="Click to view Microsoft BPOS Price Calculator" width="26" /></a><br />
<br />
<hr /><br />
<br />
<b style="color: #e69138;">BPOS Success story</b> (<span style="font-size: small;"><i>over Google Apps in a way</i></span>)<br />
<br />
Some of the biggest names in the Fortune 500 list have started taking to SaaS platform and many more are following.<br />
<br />
Check out some customer experiences on BPOS <a href="http://www.microsoft.com/casestudies/Case_Study_Search_Results.aspx?Type=1&ProTaxID=3278,15244" target="_blank" title="Click to read some Customer experiences on BPOS"><b style="color: #6aa84f;">Here</b></a>.<br />
<br />
<br />
<hr /><br />
A wild thought I get while writing this – <b>Microsoft</b> just unleashed a wave which it is set to conquer.<br />
<br />
<hr /><br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=1129843793341300755" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com2tag:blogger.com,1999:blog-3763836010083259625.post-85454136356971654822010-09-26T23:12:00.094+05:302010-10-16T17:56:09.380+05:30Mumbai IT Pro - The inspiration behind it and my thoughts on itIT industry has been one of the most sought after industry for the current generation in INDIA. But, the right people with the right skills and technical proficiency have always eluded companies and private organizations. Add to it, people who work in large organizations always find themselves falling short of skills and knowledge to deal with their project work. And the ones’ who possess both are fighting to find people of their caliber so they could network with them. A point to note, as per <b>NASSCOM</b> - 70% of graduates passing out are unemployable (<span style="font-size: small;"><i>including those passing in IT and computers branch</i></span>).<br />
<br />
<br />
<a href="http://www.mumbaiitpro.org/" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank" title="Click to check out Mumbai IT Pro portal"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrpqjt7rP5-gEmVATpwrc4cs2vXI432cF0-cWJST41IWDep5c3lFjEsrsDMpWqexzYnSBkDic63TyDEwiYM2PoYn5fhp5GUL6xSgsJYsfXIRDi5xIZovPiTLLtlqr0TIVTk68rCB8srkCQ/s1600/Mumbai+IT+Pro.jpg" /></a>Enter <b style="color: #f1c232;">Mumbai IT Pro</b> – A technology based user-group, founded by die-hard Microsoft fanatics and partly funded by <b>Microsoft</b> has primarily focused on the above mentioned critical issues which the current folks have been facing. We impart education (<span style="font-size: small;"><i>the practical form</i></span>) in the form of sessions including hands-on-labs, videos, guides, etc. Some of the best in this business including corporate trainers, <b>Microsoft MVP</b>’s (<span style="font-size: small;"><i>Most Valued Professionals</i></span>), IT Specialists, etc are a part of this team and share the same view. Apart from imparting education, users of this group are also enlightened to some of the most precious products about to release, preview programs, offers, quiz, etc.<br />
<br />
<u><b>Example</b></u> : Microsoft <b>Windows 7</b>, <b>Office 2010</b>, <b>Sharepoint 2010</b>, etc.<br />
<br />
<br />
The sessions are very dynamic including Q&A’s, social networking, quiz, etc. In short, the audience always find themselves in a win-win situation from fun way-of-learning to winning some goodies for themselves. Every quarter, a kind-of mega event is organized called as <b>Community Tech. Day</b> which is held at a neutral venue (<span style="font-size: small;"><i>other than Microsoft Kalina office</i></span>) where we get an opportunity to get in touch with more passionate people and get them involved in our activities. The Tech. Day witnesses audiences over 500 with more than 800 streams online. A record in a way. Till date, Mumbai IT Pro has around 5000 members with around 1000 members online over their portal every day. Our very notion ‘ <b>Connect</b> + <b>Share</b> = <b>Grow</b> ’ says the entire story. Adding to it, making people realize the idea that working isn’t just for earning but it’s actually fun and can be relishing and enjoyable.<br />
<br />
<br />
From my contribution P.O.V., I have been an active and regular part of this group since 2008 and since August 2009 on their portal. I always had this opinion that writing articles, blogs and guides on important technical topics/products would not only come handy to users but would always stay on record of the search-engines on the web and on the <b>Mumbai IT Pro</b> <a href="http://www.mumbaiitpro.org/" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to check out Mumbai IT Pro portal">website</a>. Hence writing has been my primary focus. Secondly, I hold the position of <b>social enthusiast</b> in the user-group, which means I contribute towards the evangelism and marketing of all events and activities over all popular social networks including <a href="http://twitter.com/MumbaiITPro" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to follow Mumbai IT Pro on Twitter">Twitter</a> and <a href="http://www.facebook.com/group.php?gid=8818680052" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to follow Mumbai IT Pro on Facebook">Facebook</a>. A matter of fact, I’ll always be seen at all of the events volunteering in all possible sorts and sometimes getting desperate to win some goodies for myself …. ☺ ☺<br />
<br />
<br />
Over time, I’ve won some accolades for myself from the community and have been absent for some periods due to my personal/professional commitments …. ☺ ☺<br />
<br />
Following are some of them ::<br />
<br />
<ul type="square"><li> My profile over <b>Mumbai IT Pro</b> <a href="http://www.mumbaiitpro.org/?option=com_community&view=profile&userid=255&Itemid=93" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to view Hardik Shah [Guru]'s profile on Mumbai IT Pro portal">Here</a>. </li>
</ul><ul type="square"><li> <b>Blogger of the month</b> award – June 2010 <a href="http://mumbaiitpro.org/downloads/newsletters/june2010/june2010.html" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to view the Mumbai IT Pro June 2010 Newsletter and my Blogger of the year mention">Here</a>. </li>
</ul><ul type="square"><li> '<b>Tech. Ed. on the road event</b>' on 15th May, 2010 :: <a href="http://bit.ly/bbhSg2" style="color: #6aa84f; font-weight: bold;">Here</a> & <a href="http://bit.ly/9CKtOP" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to view some shots from Tech. Ed. on the road 2010 event">Here</a>.</li>
</ul><ul type="square"><li> One of the samples guides (<b>E-Book</b>) I wrote for the user-group <a href="http://cid-f1ea25e8e2f38be2.skydrive.live.com/self.aspx/.Public/A%20Guide%20to%20SQL%20Server%20Management%20Studio%202005.pdf" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to view the SQL Server Management Studio 2005 Guide">Here</a>.</li>
</ul><br />
<br />
I’ll be more than pleased to mention some of our prominent members from <b>Mumbai IT Pro</b> team :<br />
<br />
<ul><li> <b>Ashwin Kini</b> (<span style="font-size: small;"><i>Chairman of Mumbai IT Pro, MVP, IT Specialist</i></span>)</li>
</ul><ul><li> <b>Shabbir Ahmed</b> (<span style="font-size: small;"><i>CCIE, MVP and one of best speakers we have</i></span>)</li>
</ul><ul><li> <b>Aviraj Ajgekar</b> (<span style="font-size: small;"><i>MCSE, MVP and speaker</i></span>)</li>
</ul><ul><li> <b>Ankit Jain</b> (<span style="font-size: small;"><i>MCSE, IT Specialist at IBM</i></span>)</li>
</ul><ul><li> <b>Cyril Thomas</b> (<span style="font-size: small;"><i>MS Exchange specialist and in-charge of events/sessions</i></span>)</li>
</ul><ul><li> <b>Mohit Panchal</b> (<span style="font-size: small;"><i>in-charge of events/sessions</i></span>)</li>
</ul><ul><li> <b>Chirag Panchal</b> (<span style="font-size: small;"><i>MCT, MCPD, speaker, Corporate Trainer</i></span>)</li>
</ul><ul><li> <b>Hari Maurya</b> (<span style="font-size: small;"><i>in-charge of newsletters/banner designs</i></span>)</li>
</ul><br />
<br />
For more details on <b>Mumbai IT Pro</b> E-Mail :: <a href="mailto:info@mumbaiitpro.org" style="color: #6aa84f; font-weight: bold;" title="Click to contact Mumbai IT Pro for any info.">info@mumbaiitpro.org</a><br />
<br />
<br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=8545413635697165482" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com0tag:blogger.com,1999:blog-3763836010083259625.post-9572276169117194242010-09-11T20:31:00.005+05:302012-06-07T00:49:49.470+05:30Web Designing: CSS Box Model approach and some examples<div dir="ltr" style="text-align:justify;" trbidi="on">I have been doing my bit on <b>Web Designing</b> for <b>Web 2.0</b> concept for quite some time now. Some related posts on the same :<br />
<br />
• <a href="http://gameboyzone.blogspot.com/2010/10/web-designing-opting-for-xhtml-10-and.html" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to view my post on Web Designing: Opting for XHTML 1.0 and CSS 2.0">Web Designing: Opting for XHTML 1.0 and CSS 2.0</a><br />
• <a href="http://gameboyzone.blogspot.com/2010/08/web-designing-faster-websites-means.html" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to view my post on WebDesigning: Faster Websites means more Business">Web Designing: Faster Websites means more Business</a><br />
<br />
<br />
In this post I’ll be now covering a very basic Web Designing topic on <b>CSS Box Model</b> which will pave the way for you to think in the boxed approach and harness the power of CSS to get simpler designs while at the same time not losing the charm and looks of your design.<br />
<br />
<br />
<span style="font-size: large;"><b style="color: #f1c232;">CSS Box Model</b></span><br />
<br />
<br />
<img alt="CSS Box Model" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8RQKxjH1czo5dMqIkLk9gQwQ2IC8R5d_V-RNJr_vWVsASUqJVJpai-vjoSZf3U6nW93MLyzHLGGnClfV0K1qR8rx5etWitg0jjvIez9mk6mDLnA8VMtIfwuVmz47ptE91Dd-85WZkmVZB/s320/CSS+Box+Model.png" style="height: 250px; width: 100%;" title="CSS Box Model" /><br />
<br />
<br />
As you can make out, a Web-Page is composed (<span style="font-size: small;"><i>from CSS point-of-view</i></span>) of several parts starting from outside. The idea for Web Designers and UI enthusiasts is to think in this approach while designing their layouts or writing a code snippet.<br />
<br />
Some basic selectors of CSS like <a href="http://www.w3schools.com/css/css_margin.asp" target="_blank" title="Click to learn about the CSS 'margin' property"><b style="color: #6aa84f;"><i>margin</i></b></a>, <a href="http://www.w3schools.com/CSS/pr_outline.asp" target="_blank" title="Click to learn about the CSS 'outline' property"><b style="color: #6aa84f;"><i>outline</i></b></a>, <a href="http://www.w3schools.com/css/css_border.asp" target="_blank" title="Click to learn about the CSS 'border' property"><b style="color: #6aa84f;"><i>border</i></b></a> and <a href="http://www.w3schools.com/css/css_padding.asp" target="_blank" title="Click to learn about the CSS 'padding' property"><b style="color: #6aa84f;"><i>padding</i></b></a> should be known to put things in place. A point to note, the above selectors are known as <b>short-hand selectors</b> and can help you save the effort by specifying the style, width and color in just one go. Check the following example:<br />
<br />
• <b>padding: 25px;</b> //<span style="font-size: small;"><i>All four paddings are 25px</i></span><br />
<br />
• <b>border: 5px solid red;</b> //<span style="font-size: small;"><i>Can mention the [width], [style] and [color] all together</i></span><br />
<br />
<br />
Now trying some full-fledged examples to prove what I had mentioned previously - <b>Using the CSS Box Model approach</b>.<br />
<br />
<br />
<b style="color: #f1c232;">• Example 1:</b> The basics<br />
<br />
<div style="background-color: #f7f6f3; border-style: solid; border-width: 6px; color: black; margin: 20px; outline: 4px solid rgb(230, 226, 216); padding: 20px;">This example uses the CSS Box Model and the CSS attributes to style a DIV element. Check the CODE below. The CSS <i>selector:property</i> combination used:<br />
<br />
• background-color: #F7F6F3; <br />
• border: solid 4px White;<br />
• outline: #E6E2D8 Solid 4px;<br />
• padding: 20px;</div><br />
<b>CODE Snippet</b><br />
<br />
<div style="border: 1px solid rgb(0, 0, 128); color: black; font-family: 'Courier New',Courier,Monospace; font-size: 10pt;"><div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); overflow: auto;"><ul style="background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 0pt; padding: 0pt 0pt 0pt 5px;"><li><span style="color: blue;"><</span><span style="color: #a31515;">div</span> <span style="color: red;">style</span><span style="color: blue;">="</span><span style="color: red;">background-color</span>:<span style="color: blue;">#F7F6F3</span>; <span style="color: red;">border</span>:<span style="color: blue;">solid</span> <span style="color: blue;">4px</span> <span style="color: blue;">transparent</span>; <span style="color: red;">outline</span>:<span style="color: blue;">#E6E2D8</span> <span style="color: blue;">Solid</span> <span style="color: blue;">4px</span>; <span style="color: red;">padding</span>:<span style="color: blue;">20px</span>;<span style="color: blue;"> <span style="color: red;">margin</span></span>:<span style="color: blue;">20px</span>;<span style="color: blue;">"></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> This example uses the CSS Box Model and the CSS attributes to style a DIV element. Check the CODE below.</li>
</ul><ul style="background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 0pt; padding: 0pt 0pt 0pt 5px;"><li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li><span style="color: blue;"></</span><span style="color: #a31515;">div</span><span style="color: blue;">></span></li>
</ul></div></div><br />
<br />
<b style="color: #f1c232;">• Example 2:</b> The Gmail style<br />
<br />
<div style="background-color: #e8eefa; border-style: solid; border-width: 6px; color: black; margin: 20px; outline: 2px solid rgb(195, 217, 255); padding: 20px;">This is the perfect <b>Gmail</b> Login page style if you might have noticed.</div><br />
<b>CODE Snippet</b><br />
<br />
<br />
<div style="border: 1px solid rgb(0, 0, 128); color: black; font-family: 'Courier New',Courier,Monospace; font-size: 10pt;"><div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); overflow: auto;"><ul style="background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 0pt; padding: 0pt 0pt 0pt 5px;"><li><span style="color: blue;"><</span><span style="color: #a31515;">div</span> <span style="color: red;">style</span><span style="color: blue;">="</span><span style="color: red;">background-color</span>:<span style="color: blue;">#E8EEFA</span>; <span style="color: red;">border</span>:<span style="color: blue;">solid</span> <span style="color: blue;">4px</span> <span style="color: blue;">transparent</span>; <span style="color: red;">outline</span>:<span style="color: blue;">#C3D9FF</span> <span style="color: blue;">Solid</span> <span style="color: blue;">1px</span>; <span style="color: red;">padding</span>:<span style="color: blue;">20px</span>;<span style="color: blue;">"></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> This is the perfect <span style="color: blue;"><</span><span style="color: #a31515;">strong</span><span style="color: blue;">></span>GMail<span style="color: blue;"></</span><span style="color: #a31515;">strong</span><span style="color: blue;">></span> Login Page style which you might have noticed.</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li><span style="color: blue;"></</span><span style="color: #a31515;">div</span><span style="color: blue;">></span></li>
</ul></div></div><br />
<br />
<b style="color: #f1c232;">• Example 3:</b> The W3Schools style<br />
<br />
<div style="background-color: #e1efbb; border-style: solid; border-width: 6px; color: black; margin: 20px; outline: 4px double rgb(152, 191, 33); padding: 20px;">This is the perfect <b>W3Schools</b> style. </div><br />
<b>CODE Snippet</b><br />
<br />
<br />
<div style="border: 1px solid rgb(0, 0, 128); color: black; font-family: 'Courier New',Courier,Monospace; font-size: 10pt;"><div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); overflow: auto;"><ul style="background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 0pt; padding: 0pt 0pt 0pt 5px;"><li><span style="color: blue;"><</span><span style="color: #a31515;">div</span> <span style="color: red;">style</span><span style="color: blue;">="</span><span style="color: red;">outline</span>:<span style="color: blue;">double</span> <span style="color: blue;">4px</span> <span style="color: blue;">#98bf21</span>; <span style="color: red;">background-color</span>:<span style="color: blue;">#E1EFBB</span>; <span style="color: red;">border</span>:<span style="color: blue;">solid</span> <span style="color: blue;">4px</span> <span style="color: blue;">transparent</span>; <span style="color: red;">padding</span>:<span style="color: blue;">20px</span>; <span style="color: red;">margin</span>:<span style="color: blue;">20px</span>;<span style="color: blue;">"></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> This is the perfect <span style="color: blue;"><</span><span style="color: #a31515;">strong</span><span style="color: blue;">></span>W3Schools<span style="color: blue;"></</span><span style="color: #a31515;">strong</span><span style="color: blue;">></span> style. </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li><span style="color: blue;"></</span><span style="color: #a31515;">div</span><span style="color: blue;">></span></li>
</ul></div></div><br />
<br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=957227616911719424" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com0tag:blogger.com,1999:blog-3763836010083259625.post-81908726048247571212010-08-13T21:18:00.008+05:302011-01-11T00:59:51.519+05:30Web Designing: Opting for XHTML 1.0 and CSS 2.0Creating Web sites is no more a new thing for the current generation. Considering the fact that here in Mumbai | INDIA even a 9th standard student is taught HTML and making web-pages in school explains the fast transition the Internet and web in particular has made. Moving ahead and to the point, choosing the right version of HTML and CSS surely makes sense and speaks volumes while answering questions in future on compatibility, code maintenance, leveraging W3C and browser standards, performance tuning, etc.<br />
<br />
Hence the topic – <b>opting for XHTML 1.0 and CSS 2.0</b>.<br />
<br />
<br />
<div style="text-align: center;"><img alt="Web Designing: Opting for XHTML 1.0 and CSS 2.0" border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2mP3zpDJkIPponTAXbpnPpXrszjmsxA3Mlq6_VGnB8RLngB69B1Sta3oSebCJhrB5OHyTfsm3UsX7aWeiWYW-7kGuZofYp-f-gPXxsrWAxIeSNyZXCmSPdrVGZBvW0wfWU6HHtzAdxyG/s320/XHTML_CSS_Logo.png" style="text-align: center;" title="Web Designing: Opting for XHTML 1.0 and CSS 2.0" width="320" /></div><br />
<br />
<div style="color: #f1c232;"><span style="font-size: large;"><b>A nice practice</b></span></div><br />
<br />
The best part about opting <a href="http://www.w3schools.com/xhtml/xhtml_intro.asp" target="_blank" title="Click to know about XHTML 1.0"><b style="color: #6aa84f;">XHTML</b></a> for your design over <b>HTML 4.01</b>:<br />
<br />
<br />
<ul><li>It is a stricter and cleaner version of HTML.<br />
<img alt="XHTML" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7rYX1qDn2cXNs3g22MSLs14RWXQuqyQ3sWJuHYwLVGqucic3qcGqgZtrsCvdAIoTvYtysD7uqDur6F8eD-F2VqkDhAlIWf1XdxrDuUMoPX_Vskct7Ay6kMuBeQMwwiYN08qlOhR0JPG9B/s1600/XHTML+Logo.png" style="float: right; height: 100px; padding-bottom: 10px; padding-left: 10px; padding-top: 10px; width: 100px;" title="XHTML" /><br />
</li>
</ul><ul><li>Provides a rational methodology of writing CODE where XHTML bears the data and CSS bears the styling. Both of them should not be interchanged. </li>
</ul><ul><li>All tags should be closed (<span style="font-size: small;"><i>including inline elements like <br></i></span>)</li>
</ul><ul><li>Tags should be properly nested.</li>
</ul><ul><li>The presentation part of the design/layout should be handled by CSS (<span style="font-size: small;"><i>internal/external/inline</i></span>).</li>
</ul><ul><li>The single part attributes in HTML 4.01 should also have values (<span style="font-size: small;"><i>example: selected=”selected” in <option></i></span>).</li>
</ul><br />
<br />
Now read the following point over the above carefully :<br />
<br />
<ul><li><b>XHTML</b> 1.0 is <b>W3C</b>’s recommendation over HTML 4.01. XHTML 1.0 became a W3C Recommendation on January 26, 2000.</li>
</ul><ul><li>All browsers currently (<i><span style="font-size: small;">including IE6</span></i>) support XHTML. Going ahead, it would be XHTML 1.0 and HTML 5 (<i><span style="font-size: small;">implicitly follows XHTML</span></i>) that will have it's presence on the web.</li>
</ul><ul><li>Developing the design in XHTML makes it easy for others to understand the code and maintain it later. This in fact, is one of the top reasons why you should go for XHTML in place of the now obsolete HTML 4.01 and its variants.</li>
</ul><ul><li>Quite a lot of elements, attributes have been deprecated. Check the list <a href="http://www.evotech.net/blog/2007/07/xhtml-deprecated-elements-and-attributes/" target="_blank" title="Click to know about the deprecated elements of HTML 4.01"><b style="color: #6aa84f;">Here</b></a>.</li>
</ul><br />
<br />
<a href="http://www.w3schools.com/css/css_intro.asp" target="_blank" title="Click to know about CSS 2.0"><b style="color: #6aa84f;">CSS 2.0</b></a> isn’t a shift in approach like XHTML was from HTML 4.01. It has some fine feature additions and enhancements over CSS 1.0. Here are some of them :<br />
<br />
<br />
<ul><li><img alt="CSS" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3g7TYHyrs9uGkJGhOEWrOGSM1ypxygJm6_d8ejTTo9kwwmS_sG4F_nk10qT0bk0G8AcC_fSMKbCXG-j10m8VlzAAnnaKe9d18YyQ0SVgba1XjkflDd_Pu1erWsfZgCwxkI37ocENadbIp/s1600/CSS+Logo.png" style="float: right; height: 100px; padding-left: 10px; width: 100px;" title="CSS" /><a href="http://www.w3schools.com/css/css_pseudo_classes.asp" target="_blank" title="Click to know about CSS pseudo classes"><b style="color: #6aa84f;">CSS pseudo classes</b></a> like :link, :visited, :hover, :active, :focus, :before, :after, :first-child, :first-letter, :first-line.</li>
</ul><ul><li>The <a href="http://www.w3schools.com/Css/css_dont.asp" target="_blank" title="Click to know about the 'behavior' attribute in CSS"><b style="color: #6aa84f;">behavior</b></a> attribute for Internet Explorer to customize events has become prominent.</li>
</ul><ul><li>Border and Outline : Custom styling w.r.t. color, width, style for top, bottom, left, right border and outline.</li>
</ul><ul><li>Text : Introduced the ‘ <b>text-shadow</b> ‘ property. This attribute ceases to work as expected in IE. This property is not recommended for use.</li>
</ul><ul><li>Absolute positioning : The ‘ position ‘ selector can now take ‘ <a href="http://www.w3schools.com/Css/pr_class_position.asp" target="_blank" title="Click to know about the 'position:absolute' property in CSS"><b style="color: #6aa84f;">absolute</b></a> ‘ property. You can use the top, bottom, left, right selectors to specify the coordinates and position an element on a page.</li>
</ul><ul></ul>A good practice in using CSS is to use <b>external style-sheets</b>. This not only keeps the CODE compact but also helps making future modifications faster for the entire Website. <i>Make sure you avoid internal style-sheets as much as possible</i>.<br />
<br />
<br />
Some interesting facts which you might not have noticed :<br />
<br />
<ul><li><b>Google</b> recommends and advocates the use of XHTML 1.0 and CSS 2.0 but a closer look at the code of <b>Gmail</b>, <b>Orkut</b> and <b>Blogger</b> says a different story.</li>
</ul><ul><li>One of the primary goals and concerns for a Web-site from a client’s perspective is to convert the existing code-base to XHTML 1.0 and CSS 2.0. This explains the reason why you should keep up to both the version for any new code.</li>
</ul><ul><li><b>SEO</b> (<i><span style="font-size: small;">Search Engine Optimization</span></i>) yields positive results if done on a code-base written in XHTML 1.0, CSS 2.0 and validated from <a href="http://validator.w3.org/" target="_blank" title="Click to know about W3C Markup Validation Service"><b style="color: #6aa84f;">W3C Markup Validation Service</b></a>.</li>
</ul><ul><li><b>Microsoft</b>’s <a href="http://www.microsoft.com/en/us/default.aspx" target="_blank" title="Click to check out Microsoft's official site"><b style="color: #6aa84f;">site</b></a> is one of the fewest I found amongst the technology heavy-weights which correctly implements both the standards.</li>
</ul><ul><li>No matter which programming language you use like <b>PHP, C#.Net, Ruby, JSP</b>, etc. on any platform say <b>ASP.Net, J2EE, Ruby-on-Rails</b>, etc. – what you eventually receive on the side of client is <b>HTML</b>, <b>CSS</b> and <b>JavaScript</b> (<span style="font-size: small;"><i>irrespective of versions)</i></span>.</li>
</ul><br />
<br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=8190872604824757121" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com2tag:blogger.com,1999:blog-3763836010083259625.post-10822879488749364072010-08-13T18:43:00.043+05:302010-10-04T00:40:31.106+05:30Web Designing: Faster Websites means more BusinessComplex things are always easy and trust me (<span style="font-size: small;"><i>and Google</i></span>), this proverb always stands true in the tenets of Web Designing. Increasingly, companies/projects/designers are opting for a <b>Web 2.0 design</b> but keeping the winning formula of Google in mind –<br />
<br />
<div style="text-align: center;">" <span style="font-size: large;"><b style="color: #f1c232;">Faster Websites means more Business</b></span> "</div><br />
If the Web stats. and most prominent examples are quoted like <b>Facebook</b>, <b>GMail</b>, <b>Yahoo</b> the above formula of Google indeed is true.<br />
<br />
<br />
A matter of fact, your site speed also helps in <b>Search rankings</b>.<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrOi5ZA3mhQqgEu32EkzDb2tG0N-mRPSEbp6hMxPm7CB-8LPSCUriuyiDtxod6TpJh1yVEePrH-Q1ZWRGUYN2OfCvG92ldJz3qEmrpvs5ODhyOGzFQGIRphG70J1bgbsADy1QkUEnwBZXA/s1600/Faster+sites+means+more+business.png" target="_blank" title="Faster websites help in Search Rankings"><img alt="Faster websites help in Search Rankings" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrOi5ZA3mhQqgEu32EkzDb2tG0N-mRPSEbp6hMxPm7CB-8LPSCUriuyiDtxod6TpJh1yVEePrH-Q1ZWRGUYN2OfCvG92ldJz3qEmrpvs5ODhyOGzFQGIRphG70J1bgbsADy1QkUEnwBZXA/s1600/Faster+sites+means+more+business.png" style="height: 200px; width: 100%;" title="Faster websites help in Search Rankings" /></a><br />
<br />
<br />
Read more on it <a href="http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html" target="_blank" title="Click to know how your Site speed affects Search Rankings"><b style="color: #6aa84f;">Here</b></a>.<br />
<br />
<br />
One thing you’ll notice from the above article over the link - you don’t always have to go for fancy images, JavaScript, Flash content, etc. to attract the notice of your visitor. Using the above approach means using more space and bandwidth on the Web Server, and on the client side keeping him waiting for the entire thing to load which for everybody is frustrating and hence not recommended. Perhaps, that approach might work for your personal websites or blogs which witnesses at the most 1000 users per day but the same for enterprise projects isn't true!<br />
<br />
Web Users have now matured and are looking for content moreover of their interest and trying to get their intent completed ASAP. Hence the approach –<br />
<br />
<div style="text-align: center;"><b>“</b> <b><span style="color: #f1c232; font-size: large;">A good and compelling design with faster loading </span>”</b></div><br />
<br />
Perhaps, after the advent of <b>XHTML 1.0</b> and <b>CSS 2.0</b>, things have indeed changed in approach and practice. You can read my post on it <a href="http://gameboyzone.blogspot.com/2010/10/web-designing-opting-for-xhtml-10-and.html" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to view my post on why you have to opt for XHTML 1.0 and CSS 2.0">Here</a>.<br />
<br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=1082287948874936407" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com0tag:blogger.com,1999:blog-3763836010083259625.post-16188985399912339912010-07-18T16:27:00.003+05:302010-09-25T22:35:20.673+05:30Inception – The film’s idea and my viewThe film’s named <b>Inception</b> and it indeed lives to its name. Directed by <b>Cristopher Nolan</b>, the maestro behind ‘<b>The Dark Knight</b>’ comes out with another screen-scorcher and action-packed thriller. Long time since I saw a film like that, the last one being - <b>The Dark Knight</b> … :)<br />
<br />
<br />
<div style="text-align: center;"><img align="center" alt="Inception - The Movie" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGnpUaIkqQa9glk49L5F1DP74KZdv7XlMiRhDAz-4byV6OjTc_38vrF-kc6l0oLMbtNMe2NITOclknQUuY4LMP4MnGBtz7D7Wt7YMWqDB1x-KgLe3uTvSKMEjGa2qYyerf5OqWc-nGory4/s400/Inception-Banner.png" style="text-align: center;" title="Inception - The Movie" /></div><br />
<br />
<b><span style="color: #f6b26b;">My disclaimer</span></b> <br />
<br />
I intend to write this post not as a review but as a base for those who’ll be watching this film after reading this post. The film’s tied up in a dream and anachronism right from the start which makes it difficult to comprehend for our die-hard Hindi film viewers <i>(<span style="font-size: small;">even I’m one of them</span></i>). Probably, they have another reason to give this film a miss, but that’s what I don’t want to happen. The film is an extra-ordinary one with a great story, cast and some heart-stopping sequences. I’ll rate it a must watch for all boys! For girls/women - since they are moreover emotional animals than social, it would be your man’s call … :)<br />
<br />
<br />
<b style="color: #f6b26b;">The core idea</b><br />
<br />
The core idea of the film lies in the fact that to get a human-being to do something he has to have a perception regarding it or say he has to make a decision. But getting a stranger to have a perception when he's awake isn't a child's play and hence only a planned inception into human’s mind can help. That’s inception!<br />
<br />
An individual has to be put into a dream or hallucinated (<span style="font-size: small;"><i>the same dizzy feeling when you smoke or get drunk</i></span>) by some way. And once that's achieved, you can give the mind the feeling of the unrealistic ambience around him and force him into a trap to achieve our motive. That’s the dynamic of the story!<br />
<br />
You can read more on the film at IMDB <span style="font-size: large;"><a href="http://www.imdb.com/title/tt1375666/" style="color: #6aa84f; font-weight: bold;" title="Click to read more on Inception on IMDB">Here</a></span>.<br />
<br />
You can check out the following trailer which will give you the gist of it.<br />
<br />
<br />
<div style="text-align: center;"><object height="400" width="100%"><param name="movie" value="http://www.youtube.com/v/_zfMZaLoAsY?fs=1&hl=en_US&rel=0&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/_zfMZaLoAsY?fs=1&hl=en_US&rel=0&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="100%" height="400"></embed></object></div><br />
<br />
<b style="color: #f6b26b;">My view</b><br />
<br />
Now the story in the film falls into place with <b>Leonardo DiCaprio</b> in lead role and the one who plants the inception. He along with his accomplices uses all possible sophisticated technology, planning and the right people to get the job done. In the way, you’ll see some breath-taking sequences filled with action, mature humor, thrilling scenes and romance <span style="font-size: small;">(<i style="color: #3d85c6;">oh yeah !</i></span>). <br />
<br />
<br />
<b style="color: #f6b26b;">My rating</b> : <b>5/5</b><br />
<br />
<br />
Watching the film on VCD/DVD at your home will take the joy out of the entire experience and also won’t do justice to the idea of the film! So do watch it at a Multiplex nearby ….<br />
<br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=1618898539991233991" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com5tag:blogger.com,1999:blog-3763836010083259625.post-33049168633754451872010-07-08T23:55:00.005+05:302010-12-18T01:41:27.567+05:30Web Development: Printing a DIV tag using JavaScriptA majority of times, web developers have to print an existing content on their web page. To be practical, you target the contents of a <div> tag. While a majority would choose to search for a string like ‘<span style="font-size: small;"><i>Printing a DIV tag in ASP.Net</i></span>’ or ‘<i><span style="font-size: small;">Printing a DIV tag in PHP</span></i>’; the right search string should be ‘<b>Printing a DIV tag using JavaScript</b>’. This is because irrespective of the server side programming language used, using <b>JavaScript</b> would be the most apt solution. Following method will help you achieve the same using simple and effective JavaScript. You can get the LOC(<span style="font-size: small;"><i>lines of code</i></span>) to negligible if you implement the same using <b>jQuery</b>.<br />
<br />
<br />
<u style="color: #e69138;"><b>Step 1</b></u>:<br />
<br />
The <div> tag to be printed should bear the id="DivToPrint". Following HTML snippet depicts the same with comments(<span style="font-size: small;"><i>do read them carefully</i></span>). The Button is used to execute the ‘<b>PrintResults()</b>’ function on Mouse click.<br />
<br />
<br />
<div style="border: 1px solid rgb(0, 0, 128); color: black; font-family: 'Courier New',Courier,Monospace; font-size: 10pt;"><div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); overflow: auto;"><ul style="background: none repeat scroll 0% 0% rgb(255, 255, 255); list-style-type: none; margin: 0pt; padding: 0pt 0pt 0pt 5px; white-space: nowrap;"><li><span style="color: blue;"><!</span><span style="color: #a31515;">DOCTYPE</span> <span style="color: red;">html</span> <span style="color: red;">PUBLIC</span> <span style="color: blue;">"-//W3C//DTD XHTML 1.0 Transitional//EN"</span> <span style="color: blue;">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li><span style="color: blue;"><</span><span style="color: #a31515;">html</span> <span style="color: red;">xmlns</span><span style="color: blue;">="http://www.w3.org/1999/xhtml"></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: blue;"><</span><span style="color: #a31515;">head</span><span style="color: blue;">></span></li>
<li> <span style="color: blue;"><</span><span style="color: #a31515;">title</span><span style="color: blue;">></span>Example for Printing a DIV<span style="color: blue;"></</span><span style="color: #a31515;">title</span><span style="color: blue;">></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;"><</span><span style="color: #a31515;">script</span> <span style="color: red;">src</span><span style="color: blue;">="PrintScript.js"</span> <span style="color: red;">type</span><span style="color: blue;">="text/javascript"></</span><span style="color: #a31515;">script</span><span style="color: blue;">></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li><span style="color: blue;"></</span><span style="color: #a31515;">head</span><span style="color: blue;">></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: blue;"><</span><span style="color: #a31515;">body</span><span style="color: blue;">></span></li>
<li><span style="color: blue;"><</span><span style="color: #a31515;">br</span> <span style="color: blue;">/></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: green;"><!-- The contents of 'DivToPrint' will be printed. Avoid giving any styles to this <DIV>. --></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;"><</span><span style="color: #a31515;">div</span> <span style="color: red;">id</span><span style="color: blue;">="DivToPrint"></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: green;"><!-- All content here onwards will be printed --></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;"><</span><span style="color: #a31515;">div</span> <span style="color: red;">style</span><span style="color: blue;">="</span><span style="color: red;">text-align</span>:<span style="color: blue;">center</span>; <span style="color: red;">margin</span>:<span style="color: blue;">50px</span>; <span style="color: red;">border</span>:<span style="color: blue;">double</span> <span style="color: blue;">4px</span> <span style="color: blue;">BLACK</span>;<span style="color: blue;">"></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;"><</span><span style="color: #a31515;">br</span> <span style="color: blue;">/></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> This is the Content which will be printed.</li>
<li> <span style="color: blue;"><</span><span style="color: #a31515;">br</span> <span style="color: blue;">/><</span><span style="color: #a31515;">br</span> <span style="color: blue;">/></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;"></</span><span style="color: #a31515;">div</span><span style="color: blue;">></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: green;"><!-- *************************************** --></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;"></</span><span style="color: #a31515;">div</span><span style="color: blue;">></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;"><</span><span style="color: #a31515;">button</span> <span style="color: red;">onclick</span><span style="color: blue;">="PrintResults()"></span>Click to Print<span style="color: blue;"></</span><span style="color: #a31515;">button</span><span style="color: blue;">></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li><span style="color: blue;"><</span><span style="color: #a31515;">br</span> <span style="color: blue;">/></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: blue;"></</span><span style="color: #a31515;">body</span><span style="color: blue;">></span></li>
<li><span style="color: blue;"></</span><span style="color: #a31515;">html</span><span style="color: blue;">></span></li>
</ul></div></div><br />
<br />
<u style="color: #e69138;"><b>Step 2</b></u>:<br />
<br />
Import the JavaScript file which contains the ‘PrintResults()’ function. The Script contains code for printing the DIV tag which follows the following procedure:<br />
<br />
<ul><li>Read the DIV tag with id="DivToPrint" and access its HTML content in a variable.</li>
</ul><ul><li>Create an additional DIV tag which will have your custom HTML content to be printed. Add the custom HTML content to this DIV tag.</li>
</ul><ul></ul><ul><li>Create a pop-up menu using ‘window.open()’. Open the document stream to this document and add the contents of both the DIV tags and close the stream. This Window when opened will open up the print window. On successful print operation, this window will terminate offering no user intervention with the window. You can remove the ‘window.close();’ code if you want this window to persist. </li>
</ul><br />
Following is the JavaScript code with detailed annotations as present in <b>PrintScript.js</b><br />
<br />
<br />
<div style="border: 1px solid rgb(0, 0, 128); color: black; font-family: 'Courier New',Courier,Monospace; font-size: 10pt;"><div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); overflow: auto;"><ul style="background: none repeat scroll 0% 0% rgb(255, 255, 255); list-style-type: none; margin: 0px; padding: 0pt 0pt 0pt 5px; white-space: nowrap;"><li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: green;">/* JavaScript function to print the contents of the DIV */</span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: blue;">function</span> PrintResults() </li>
<li>{</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: green;">//alert("Function Entered!"); /* Test if the function is entered */</span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: green;">/* We can create a DIV with custom content dynamically to be printed. */</span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;">var</span> elem = document.createElement(<span style="color: #a31515;">"div"</span>);</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> elem.innerHTML = <span style="color: #a31515;">"<div style='text-align:left;'>"</span></li>
<li> + <span style="color: #a31515;">"<br />This is the custom CONTENT.<br /><br />"</span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> + <span style="color: #a31515;">"</div>"</span></li>
<li> + <span style="color: #a31515;">"<br /><br />"</span>;</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;">var</span> content1 = elem.innerHTML; <span style="color: green;">// content1 has to HTML code for our Custom DIV</span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: blue;">var</span> content2 = document.getElementById(<span style="color: #a31515;">"DivToPrint"</span>).innerHTML; <span style="color: green;">// content2 has to HTML code for our 'DivToPrint'</span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: blue;">var</span> win1 = window.open(<span style="color: #a31515;">""</span>, <span style="color: #a31515;">"Print_Results"</span>, <span style="color: #a31515;">"scrollbars=yes,width=800,height=700,toolbar=no,resizable=true,status=false,location=false"</span>);</li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: green;">//win1.moveTo(150, 100); /* Use this to move the Window to a specified location */</span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: green;">//alert(content1 + content2); /* Will show the entire HTML CODE to be printed in alert Window for Test */</span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: green;">//Open the stream to the win1 for adding the CODE</span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> win1.document.open();</li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> win1.document.write(<span style="color: #a31515;">"<html>"</span></li>
<li> + <span style="color: #a31515;">"<head><title>Window to be Printed</title></head>"</span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> + <span style="color: #a31515;">"<body onload='window.print();window.close();'>"</span></li>
<li> + content1 + content2 + </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: #a31515;">"</body></html>"</span>);</li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: green;">/* You can remove 'window.close();' to avoid closing the Window if you want. */</span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> win1.document.close(); <span style="color: green;">//Closing the stream is mandatory</span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);">}</li>
</ul></div></div><br />
<br />
<hr /><br />
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr> <td><br />
<br />
<b><u>You can download the source code Here</u></b>: <br />
<br />
<br />
<br />
</td> <td style="padding-left: 20px;"><br />
<br />
<a href="http://cid-f1ea25e8e2f38be2.office.live.com/self.aspx/.Public/CODE%20Snippets/Printing%20a%20DIV%20tag%20using%20JavaScript.zip" target="_blank" title="Source code for printing a DIV tag using JavaScript"><img alt="Source code for printing a DIV tag using JavaScript" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtupqrISutgO6GHJLxHI3oWvBIo8-1fHMfxGvRwLno1Jhhrl9tRDu3o8chGqZL9bVHOny2FAnZT_j1OgGRGVjrCkjcXo7gdI_CtsHKPYasLE5jimPck3WFM9CrO6QZiZtQzTlGkCD1479V/s1600/Download_Button.png" style="height: 80px; text-align: right; width: 100px;" title="Source code for printing a DIV tag using JavaScript" /></a><br />
<br />
<br />
</td> </tr>
</tbody> </table><br />
<hr /><br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=3304916863375445187" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com3tag:blogger.com,1999:blog-3763836010083259625.post-29246025125951916662010-06-26T23:39:00.092+05:302010-10-16T10:18:28.458+05:30Web Designing: Getting CSS pseudo-classes to work with Internet ExplorerOne of the best advent in <b>CSS 2.0</b> (<span style="font-size: small;"><i>check my post on it <a href="http://gameboyzone.blogspot.com/2010/10/web-designing-opting-for-xhtml-10-and.html" style="color: #6aa84f;" target="_blank" title="Click to check out my post on XHTML 1.0 and CSS 2.0">here</a></i></span>) are <a href="http://w3schools.com/CSS/css_pseudo_classes.asp" target="_blank" title="Click to learn about CSS pseudo-classes"><b style="color: #6aa84f;">pseudo-classes</b></a>. These classes come into act on mouse hover/focus/active events on any HTML elements including links, images and text. Mind you, this isn’t similar to Javascript events but does the same thing. Some of the scenarios where you can use it:<br />
<br />
<ul><li>Getting a mouse hover effect on an image</li>
</ul><ul><li>Getting a <div> or say a HTML region to be highlighted on mouse hover</li>
</ul><div><ul><li>Getting a text link to depict a particular color when it has been visited or active</li>
</ul><br />
Using CSS pseudo-classes for the above named scenarios is very apt for a designer coz it is not only easy to use it but also easy to maintain the code from maintenance and readability point-of-view. As fate might have it, different browsers react in a different way to CSS pseudo-classes. Fortunately, since <b>Firefox</b>, <b>Chrome</b>, <b>Opera</b> and <b>Safari</b> are <a href="http://en.wikipedia.org/wiki/Webkit" style="color: #6aa84f;" target="_blank" title="Click to know about the Webkit project on Wikipedia"><b>Webkit</b></a> based browsers, they don’t have any issues working with it. This leaves behind – <b>Internet Explorer</b>, which behaves awkwardly to CSS pseudo-classes. Following are some scenarios which I’ve personally witnessed in which CSS pseudo-classes cease to work in IE:<br />
<br />
<ul><li>If applied the :hover class to an image, it doesn’t work sometimes.</li>
</ul><ul><li>If applied the :link, :visited, :hover and :active class to a text anchor, it behaves awkwardly.</li>
</ul><br />
Taking the above issues into consideration and knowing the fact that Internet Explorer runs on more than 65% on computers worldwide, designers have taken back to using special <b>JavaScripts</b> and <b>jQuery</b> to get their effects running on all browsers. But truth be told, this isn’t fair afterall! Not using pseudo-classes for the sake of a browser’s exceptional behavior isn't justified. <br />
<br />
<br />
So enter – <b style="color: #e69138;">whatever:hover</b>, an open-source project to fix up this quirk with Internet Explorer. It uses the <b>behavior</b> attribute in CSS (<span style="font-size: small;"><i>works only in IE</i></span>) to refer a '<b>.htc</b>' file which is a script defining a special behavior to perform. This behavior attribute has to be declared for the <b><body></b> tag so that it runs for the entire web-page.<br />
<br />
<br />
A short example you can try for a <b>Horizontal Menu using CSS pseudo-classes</b> <a href="http://cid-f1ea25e8e2f38be2.office.live.com/self.aspx/.Public/Horizontal%5E_Menu%5E_Example%20using%20CSS%20Pseudo-Classes.rar" target="_blank" title="Click to view an example of a Horizontal Menu using CSS Pseudo-classes"><b style="color: #6aa84f;">Here</b></a>.<br />
<br />
<br />
<div style="color: #f1c232;"><b>CODE Snippet:</b></div><br />
<br />
<div style="border: 1px solid rgb(0, 0, 128); color: black; font-family: 'Courier New',Courier,Monospace; font-size: 10pt;"><div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); overflow: auto;"><ol style="background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 0pt; padding: 0pt 0pt 0pt 5px;"><li><span style="color: blue;"><!</span><span style="color: #a31515;">DOCTYPE</span> <span style="color: red;">html</span> <span style="color: red;">PUBLIC</span> <span style="color: blue;">"-//W3C//DTD XHTML 1.0 Transitional//EN"</span> <span style="color: blue;">""></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: blue;"><</span><span style="color: #a31515;">html</span><span style="color: blue;">></span></li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: blue;"><</span><span style="color: #a31515;">head</span><span style="color: blue;">></span></li>
<li> <span style="color: blue;"><</span><span style="color: #a31515;">title</span><span style="color: blue;">></span>Sample Web-Page<span style="color: blue;"></</span><span style="color: #a31515;">title</span><span style="color: blue;">></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;"><</span><span style="color: #a31515;">style</span> <span style="color: red;">type</span><span style="color: blue;">="text/css"></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: #a31515;">body</span></li>
<li> {</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> <span style="color: red;">behavior</span>:<span style="color: blue;">url('./csshover3.htc')</span>;</li>
<li> }</li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: green;">/* --- Your CSS pseudo-classes come Here --- */</span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> <span style="color: blue;"></</span><span style="color: #a31515;">style</span><span style="color: blue;">></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li><span style="color: blue;"></</span><span style="color: #a31515;">head</span><span style="color: blue;">></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li><span style="color: blue;"><</span><span style="color: #a31515;">body</span><span style="color: blue;">></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li><span style="color: green;"><!-- Your HTML CODE comes Here --></span></li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"> </li>
<li> </li>
<li style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><span style="color: blue;"></</span><span style="color: #a31515;">body</span><span style="color: blue;">></span></li>
<li><span style="color: blue;"></</span><span style="color: #a31515;">html</span><span style="color: blue;">></span></li>
</ol></div></div><br />
<br />
<ul><li>You can download the <b>.htc</b> file (<span style="font-size: small;"><i>behavior file</i></span>) <a href="http://www.xs4all.nl/%7Epeterned/htc/csshover3.htc"><b style="color: #6aa84f;" target="_blank" title="Click to download the csshover3.htc file">Here</b></a>.</li>
</ul><ul><li>Read more on CSS '<b>behavior</b>' attribute <a href="http://www.w3schools.com/xml/xml_dont.asp" target="_blank" title="Click to read more on the 'behavior' attribute in CSS"><b style="color: #6aa84f;">Here</b></a>.</li>
</ul><ul><li>More on the <b>whatever:hover</b> project and its progress <a href="http://www.xs4all.nl/%7Epeterned/csshover.html" target="_blank" title="Click to read more on the 'whatever:hover' project"><b style="color: #6aa84f;">Here</b></a>.</li>
</ul></div><br />
<br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=2924602512595191666" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com0tag:blogger.com,1999:blog-3763836010083259625.post-10666214673175916722010-06-14T15:45:00.108+05:302010-10-04T23:57:56.902+05:30Why you should start blogging ...<div style="text-align: justify;">For all those who don’t know the reasons why you should start blogging or intend to take up blogging as a hobby/part-time job and have now realized (<i><span style="font-size: small;">too late infact</span></i>) the power of Web (<span style="font-size: small;"><i>not Internet to be precise</i></span>) to appeal to the masses - <u><b>Blogging</b></u> is indeed one of the best and the most powerful means. I’ve got a lot of points to prove the title of this post so just read on ...<br />
<br />
<br />
<br />
<div style="color: #bf9000; text-align: center;"><span style="color: #3d85c6; font-size: large;"><b>"</b></span><b><span style="color: #f1c232;"> Human thoughts, skills and imagination are priceless even if they might be stupid.</span> Don't loose your thoughts, skills and imagination for free coz some of the elite businessmen are highly paid for spilling their thoughts and imaginations during a meeting.</b></div><div style="color: #bf9000; text-align: center;"><b><br />
</b></div><div style="color: #bf9000; text-align: center;"><b><br />
<span style="color: #f1c232;">A blog is a central repository where all your thoughts, skills and imagination stay recorded and preserved.</span> Some day someone or probably you might just go by your posts and smile happily over your own thoughts. </b><span style="color: #3d85c6; font-size: large;"><b>"</b></span></div></div><br />
<div style="text-align: right;"><b style="color: #45818e;">-- Hardik Shah</b></div><br />
<br />
Categories of blogs and which one you should focus :<br />
<br />
<br />
<b style="color: #f1c232;">1.</b> <b>Evangelism</b><br />
<br />
You know a skill (<span style="font-size: small;"><i>might be technical or something other</i></span>) and would like to share the same by enlightening people about it. The Web can be the best medium to do that coz a post of yours can reach hundreds of people (<span style="font-size: small;"><i>actually more</i></span>) and get them in touch with you with their comments. Also, people can be made to contribute to an existing idea in the form of BETA programs or say PLATFORM PREVIEWS.<br />
<br />
Some of the brands which do that : <b>Microsoft</b>, <b>Google</b>, <b>Apple</b><br />
<br />
<b>Example</b> : Chakkaradeep’s <b><a href="http://www.chakkaradeep.com/" style="color: #6aa84f;" target="_blank" title="Click to view Chakkaradeep's Sharepoint blog">Blog</a></b>, Aviraj’s <b><a href="http://blogs.technet.com/b/aviraj/" style="color: #6aa84f;" target="_blank" title="Click to view Aviraj Ajgekar's TechNet Blog">Blog</a></b><br />
<br />
<br />
<b style="color: #f1c232;">2.</b> <b>Reviews/Updates</b><br />
<br />
You might have attended an event/exhibition/road-show/showcase where you were introduced to some cool gadgets, like-minded people, etc or probably you just had the best time of your life. You would like more people to know about it and join the same. Blogging on the same would not only update them with it, it might also make them to think whether they would like to join you the next time. <br />
Now this has actually become a trend which can be witnessed in the form of Online Marketing with a view to get more business over the web. If combined with a regime of search-engine analytics, follower/visitor statistics with a monetary budget over a particular duration it’s known as <b>SEM</b> (<span style="font-size: small;"><i>Search Engine Marketing</i></span>).<br />
<br />
<b>Example</b> : CNN iPhone App <b><a href="http://ipod.about.com/od/iphoneappsreviews/a/cnn-mobile-app-review.htm" style="color: #6aa84f;" target="_blank" title="Click to view CNN's iPhone App Review">Review</a></b><br />
<br />
<br />
<b><span style="color: #f1c232;">3.</span></b> <b>Publishing</b><br />
<br />
Now this might sound similar to evangelism but it actually differs in motive and the way-of-writing and presenting. Evengelism is moreover from an enlightenment P.O.V. whearas this means providing a comprehensive coverage on a particular topic (<span style="font-size: small;"><i>which is in most of the case small</i></span>). The primary intent is to provide a kind of how-to/what-is-it guides or articles which covers everything right from the title to its sub-topics and case-studies involving the topic. The secondary intent is to keep your published article on record. A google on a keyword based on your topic will be handy for the audience.<br />
<br />
<b>Example</b> : Microsoft KB <b><a href="http://support.microsoft.com/kb/910442" style="color: #6aa84f;" target="_blank" title="Click to view Microsoft KB Article on Web Resources in ASP.Net">Article</a></b><br />
<br />
<br />
<b style="color: #f1c232;">4.</b> <b>Being myself or multi-faceted</b><br />
<b> </b> <br />
Now this category is quite interesting and actually may include all of the above three types. Depending on an individual, his/her likes/dislikes and his interests he might want to focus on myriad of topics spanning across deferent subjects. You might want to just express your thoughts over a particular cricket final or say a product or one of the best trips you just had. My take on this – this is one of the most difficult categories of blogs to manage but if done well you can literally get yourselves hoards of honest followers and fans. Add to it you can get acclaim and respect (<span style="font-size: small;"><i>infact, over the web as well</i></span>). <br />
A point to remember, you’ll be promoting yourself more and not your brand/company. So do keep this thing in mind before you realize your audience is diverging its interest into what you don’t want them to !<br />
<br />
<b>Example</b> : My <b><a href="http://gameboyzone.blogspot.com/" style="color: #6aa84f;" target="_blank" title="Click to view Hardik Shah [Guru]'s blog">Blog</a></b><br />
<br />
<br />
The above were some classic reasons and examples why you want to blog if you haven’t started. It also gives you a reason while reading this to rethink your strategy again if you have been writing for long and haven’t got your dues paid from your readers. <br />
<br />
Winding back the clock for some time, blogging had officially started (<span style="font-size: small;"><i>as far as the Web guys claim</i></span>) by folks at <b>CNN</b> and <b>ZDNet</b> to promote their softwares put up for paid/free download on their portals. And then came blogging services like Wordpress, Blogger, LiveSpace, etc which offers free blogs with content management and moderation features which put blogging open for all on the web. More and more audiences came to know and then followed more blogs.<br />
<br />
<br />
<br />
<div style="color: #f1c232; text-align: center;"><b>So how has blogging evolved now ? How will it be in the future ? Is it just about writing coz I need some more fun attached to this activity!</b></div><br />
<br />
<br />
The answer makes the question even interesting coz there lies more than just blogging. Just read on ... <br />
<br />
<br />
• <b>Social Networks integration</b> – Allows to update all you contacts on Facebook, Twitter, etc with your recently published post with a view to get more readers and comments.<br />
<br />
• <b>Search Engine Optimization</b> (<span style="font-size: small;"><i>SEO</i></span>) – Its optimizing your code of your blog (<span style="font-size: small;"><i>coz afterall whatever you write and see on your blog is <b>HTML</b> and <b>CSS</b></i></span>) with a view to comply to search-engine standards so it gets indexed and gets reflected in search results. A point which you’ll realize later in your blogging cycle – Search Engines is the primary source of readers and followers.<br />
<br />
• <b>Web Analytics</b> – It’s basically the web-science pertaining to how your readers ended up reading your blog post and what he clicked, visited, viewed. Depending on the results, you decide your future course of actions like new blog posts, the topics, links to be posted, ADS to be posted, etc. A point which you’ll realize later in your blogging cycle – Better visualization of analytics means more readers and hence business (<span style="font-size: small;"><i>if you’re into SEM as well</i></span>).<br />
<br />
• <b>Search Engine Marketing</b> (<span style="font-size: small;"><i>SEM</i></span>) – It’s a science based on promoting your brand/business on the web, afterall it’s the biggest medium, even bigger than TV, Newspapers and Radio. You can get your Web Analytics results into account plus focus on the right keywords and content on the page, based on which ADS will be rotated which a user might click-on. The client is billed on the per-keyword rate basis and this is how the client will get readers on its portal/blog. So it’s business for both parties.<br />
<br />
<br />
<br />
<div style="text-align: center;"><b style="color: #f1c232;">If you’ve read carefully the above points, understood it and still do not have a blog than you should be scratching your head by now</b> …. ☺☺☺</div><br />
<br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=1066621467317591672" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com2tag:blogger.com,1999:blog-3763836010083259625.post-58779499019344478032010-05-31T19:21:00.014+05:302010-12-31T18:08:14.825+05:30Mozilla Firefox : Why businesses and users should adopt it for better ...I’m a proven big-time fan of Mozilla Firefox and in this post I’d like to enlighten you about the same. So starting this post with a couple of things which I’d like to accomplish and what’s already accomplished in your minds :<br />
<br />
<br />
<img align="center" alt="Mozilla Firefox" border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvNV3PrDsBnHSr_fhRV9-JZHbq6Ps82iealYC8K03jwbrmSOP6dUGPo1X68cX8PHu6NnR32eO670ceR0bq-JDDp6Fe7Qxsb4e8_QAbFGLY-BaBOcyk-fU9tZj3GjfjVQoAmGBAMVhfOLxF/s144/Mozilla%20Firefox.png" title="Mozilla Firefox" width="100%" /><br />
<br />
<br />
<b>Firstly, something about me :</b><br />
<br />
I’m an IT enthusiast with more than 15 years of desktop experience at home. I do not convince people or prove things to them with statistics, pie-diagrams, charts, POC (<span style="font-size: small;"><i>proof-of-concept</i></span>), etc which can literally be made understood with a simple blog post !<br />
<br />
<br />
<b>What I would like to prove with Firefox :</b><br />
<br />
<ul><li>It’s ready and meant for businesses. Can be deployed on a Corporate Network without any concerns.</li>
</ul><ul><li>With speed and ease comes productivity and hence acceptance.</li>
</ul><ul><li>Browser is not just about surfing across web-pages in this generation but beyond everybody!</li>
</ul><ul><li>The per-user settings can be replicated onto another location or platform (<i>i.e. OS</i>).</li>
</ul><ul><li>Requires the same amount of RAM as all of the prominent browsers today (<span style="font-size: small;"><i>I won't take names</i></span>) varying across threaded and non-threaded applications.</li>
</ul><br />
<b>The fallacies about Firefox :</b><br />
<br />
<ul><li>It’s not business ready. Cannot be deployed on a Corporate Network.</li>
</ul><ul><li>It’s moreover a fancy browser and not meant for productive business.</li>
</ul><ul><li>Requires a lot of RAM.</li>
</ul><ul><li>We’ve seen it running only on Windows.</li>
</ul><br />
<b>What do you gain personally if you use Firefox :</b><br />
<br />
<ul><li>The best possible web experience with the best possible speed.</li>
</ul><ul><li>With the above, follows productivity and hence profit.</li>
</ul><ul><li>Experience the innovation, flexibility and ease brought about by AddOns/Personas/Plugins developed on the most widely accepted platform.</li>
</ul><ul><li>Searching your required data was never difficult with integrated <b>Search Box</b> with auto-suggestion.</li>
</ul><br />
So start your voyage my readers …<br />
<br />
<br />
Starting with <b>Corporate Networks</b>, it’s moreover Internet Explorer because of the ease of deployment/availability (<span style="font-size: small;"><i>inherent with the OS</i></span>), file/registry/profile virtualization across the organization and ease in update/hotfixes being pushed through your LAN by your IT Administrator. Add to it, a majority of service driven companies are supporting legacy applications of their clients on Internet Explorer 6 and they obviously cannot let these projects go. Now this makes them handicapped to look for other options. My take on this ..<br />
<br />
<ul><li>Regarding deployment, Firefox’s binary size is 8 MB (<span style="font-size: small;"><i>50% less than any prominent browsers existing now</i></span>) and IT Administrators can pre-bundle it in their system-images/ghost-images.</li>
</ul><ul><li>Regarding updates, it’s a one-way solution. Firefox doesn’t support push-updates across the network but supports direct updates via Internet from Firefox dedicated servers.</li>
</ul><ul><li>If you feel you still cannot do without Internet Explorer browser on Windows platform then relax, I’ve got a solution for this in the form of AddOn. How about emulating IE’s page rendering in Firefox. (<span style="font-size: small;"><i>Read below regarding the same</i></span>)</li>
</ul><br />
<b>Features of Mozilla Firefox :</b><br />
<br />
<ul><li> <span style="color: #a2c4c9;">Fastest rendering of pages with a high-performance and optimized JavaScript engine. Smart tabs, design and options.</span></li>
</ul><br />
<b style="color: #9fc5e8;"> >></b><b style="color: #9fc5e8;">></b> The only way you can convince yourself is by tasting it !<br />
<br />
<br />
<ul><li> <span style="color: #a2c4c9;">Inherent support for Add-Ons, plug-ins, download manager, bookmark organization, etc.</span></li>
</ul><br />
<b style="color: #9fc5e8;"> >></b><b style="color: #9fc5e8;">></b> There are myriad of AddOns for all types of users. Check out the complete library <a href="http://addons.mozilla.org/" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to check out Firefox AddOn library">Here</a>. I'll put light on some must-have AddOns :<br />
<br />
<div style="text-align: center;"><img align="center" alt="Mozilla Firefox AddOns" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguvqlUhzbslIrynj1CuVvCzo6c99-k1VROQa1Uwd0g0YFfBq4MCaVqkOYCiCKDoPAF8ih2wLiBNNY2uFm8yAXrTI766tuGjcPWLdyY6jA-lRCAjUmm7nDH7_LesF52BLJ8z-5F6KETI-_x/s400/Firefox+AddOns.jpg" style="height: 200px; text-align: center; width: 400px;" title="Mozilla Firefox AddOns" /></div><br />
For developers/designers <a href="https://addons.mozilla.org/en-US/firefox/addon/1843/" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to try Firefox AddOn for developers/designers">Here</a><br />
<br />
For Yahoo/Gmail/MSN/POP3 E-Mail users <a href="https://addons.mozilla.org/en-US/firefox/addon/4490/" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to try Firefox AddOn for Yahoo/Gmail/MSN/POP3 E-Mail users">Here</a><br />
<br />
For Facebook users <a href="https://addons.mozilla.org/en-US/firefox/addon/3794/" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to try Firefox AddOn for Facebook users">Here</a><br />
<br />
For Twitter users <a href="https://addons.mozilla.org/en-US/firefox/addon/9591/" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to try Firefox AddOn for Twitter users">Here</a><br />
<br />
To run macros or automate your work <a href="https://addons.mozilla.org/en-US/firefox/addon/3863/" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to try Firefox AddOn for Testers, running macros or to automate your work">Here</a><br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"><tbody>
<tr><td><br />
<u><b>And the most-awaited one</b></u> :<br />
<br />
<br />
For die-hard IE users, running IE on Firefox <a href="https://addons.mozilla.org/en-US/firefox/addon/10909/" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to try AddOn for running Internet Explorer in Firefox">Here</a></td><td style="text-align: right;"><br />
<img align="right" alt="Running Internet Explorer in Firefox" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF42gxqXVkrteOrOeun_Ud7ObLUBd8Q1pycTlS7aU1-238N4-VlqNkdu6I4FznkISP1WRXCVDnmNdt_iIQ2V1T2gv_qPfIz09Xpkkt8KUFyqffykCFJgiJB5-gg27B7s_I42Cm_w00LQBX/s320/Firefox-and-IE8.png" style="height: 100px; padding-left: 20px; text-align: right; width: 100px;" title="Running Internet Explorer in Firefox" /></td></tr>
</tbody></table><br />
<br />
<ul><li> <span style="color: #a2c4c9;">Inherent support for Google/Yahoo/Wikipedia search with auto suggestion and query caching.</span> <b style="color: #674ea7;"> </b></li>
</ul><br />
<b style="color: #9fc5e8;"> >></b><b style="color: #9fc5e8;">></b> Press Ctrl+E, type your search query and hit ENTER. For a subjective search on Wikipedia/Answers/Amazon/eBay, select the search provider right from the search box and hit ENTER. <br />
<br />
<br />
<ul><li> <span style="color: #a2c4c9;">Best possible rendering of HTML and xHTML. All standards compliant (<span style="font-size: small;"><i>including HTML5 and CSS3</i></span>).</span></li>
</ul><br />
<b style="color: #9fc5e8;"> >></b><b style="color: #9fc5e8;">></b> I do a bit of Web development & designing and you can take my word on this. <br />
<br />
<br />
<ul><li> <span style="color: #a2c4c9;">Available and runs flawlessly on all platforms (</span><span style="color: #a2c4c9; font-size: small;"><i>including Windows, Macintosh, Linux</i></span><span style="color: #a2c4c9;">) since it's written in Python and Ruby.</span></li>
</ul><br />
<b style="color: #9fc5e8;"> >></b><b style="color: #9fc5e8;">></b> Deploy per-user Bookmarks (<span style="font-size: small;"><i>also portable</i></span>) on any PC in the organization with the advent of file/registry virtualization.<br />
<br />
<br />
<ul><li> <span style="color: #a2c4c9;">Smallest size of the Binary – </span><b style="color: #a2c4c9;">8MB</b><span style="color: #a2c4c9;">.</span> <b> </b></li>
</ul><br />
<b style="color: #9fc5e8;"> >></b><b style="color: #9fc5e8;">></b> 50% less than any prominent browsers existing now. <br />
<br />
<br />
<ul><li> <span style="color: #a2c4c9;">Themes, known as </span><b style="color: #a2c4c9;">Personas</b><span style="color: #a2c4c9;"> in Firefox hits your eyes well and thus making a lavish surfing experience.</span> <b> </b></li>
</ul><br />
<b style="color: #9fc5e8;"> >></b><b style="color: #9fc5e8;">></b> Myriad of Personas are available (<span style="font-size: small;"><i>Firefox 3.6 onwards</i></span>). Check the entire library <a href="http://www.getpersonas.com/en-US/" style="color: #6aa84f; font-weight: bold;" target="_blank" title="Click to view the Firefox Personas library">Here</a>.<br />
<br />
<br />
<ul><li> <span style="color: #a2c4c9;">Shortcut keys on Firefox make life easier to the maximum possible extent.</span></li>
</ul><br />
<b style="color: #9fc5e8;"> >></b><b style="color: #9fc5e8;">></b> Move over Ctrl+T (<span style="font-size: small;"><i>Open new Tab</i></span>) and Ctrl+W (<span style="font-size: small;"><i>Close the current tab</i></span>), there are many more. Ctrl + Shift + T – Open a recently closed Tab. Ctrl + U – To view the source code of the current page. And so on ...<br />
<br />
<br />
<ul><li> <span style="color: #a2c4c9;">All major parameters in Firefox are ' </span><b style="color: #a2c4c9;">tweakable</b><span style="color: #a2c4c9;"> ' via its Advanced Settings (</span><span style="color: #a2c4c9; font-size: small;"><i>by default hidden</i></span><span style="color: #a2c4c9;">).</span> <b> </b></li>
</ul><br />
<b style="color: #9fc5e8;">>></b><b style="color: #9fc5e8;">></b> Type ' <b>about:config</b> ' in the address bar and hit ENTER. Check out all the parameters.<br />
<br />
<span style="font-size: small;">Toggle <b style="color: #ffe599;">browser.search.openintab</b> – <i>To open your search results in a new tab.</i></span><br />
<span style="font-size: small;"><br />
</span><br />
<span style="font-size: small;">Toggle <b style="color: #ffe599;">browser.tabs.closeWindowsWithLastTab</b> – <i>To keep Firefox running even when the last tab is closed.</i></span><br />
<span style="font-size: small;"><br />
</span><br />
<span style="font-size: small;">Toggle <b style="color: #ffe599;">browser.tabs.warnonclose</b> – <i>To make Firefox avoid asking for a confirmation when it is closed with many tabs running.</i></span><br />
<span style="font-size: small;"><br />
</span><br />
<span style="font-size: small;">Toggle <b style="color: #ffe599;">plugins.hide_infobar_for_missing_plugins</b> – <i>To avoid getting the irritating drop-down pop-up asking for a new plugin installation.</i></span><br />
<span style="font-size: small;"><br />
</span><br />
<span style="font-size: small;">Type <b style="color: #ffe599;">chrome://browser/content/hiddenWindow.xul</b> in the address bar and hit ENTER – <i>To get an entire Firefox browser running under a tab.</i></span><br />
<br />
<br />
<br />
<i>Now having said about the ease-of-use and features which Firefox has, it obviously makes sense for all users and businesses to use Mozilla Firefox and leverage its power.</i><br />
<br />
<br />
<hr /><br />
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td><br />
<br />
<b><u>Try Mozilla Firefox now</u></b> : <br />
<br />
<br />
</td><td style="padding-left: 20px;"><br />
<br />
<a href="http://www.gameboyzone.com/Downloads/" target="_blank" title="Click to download Mozilla Firefox"><img alt="Download Mozilla Firefox" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_bRAf19uX4NdcTMzGMx61sgjjTSLHV1UvvX2_1VJI-EigPBoDkxO5-xhRNYg7jcjApMGueYjPaiujHyiQiKxfnXahwSe-QOFVXcwauOlLbvopl9gKRAUpl3R4YGUy4ryHYJCCj5UicV92/s320/Download+Mozilla+Firefox.png" style="height: 100px; text-align: right; width: 140px;" title="Download Mozilla Firefox" /></a><br />
<br />
</td></tr>
</tbody></table><br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=5877949901934447803" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com7tag:blogger.com,1999:blog-3763836010083259625.post-66495010133545938852010-05-12T20:14:00.018+05:302010-06-04T08:12:20.385+05:30Windows 7 development overview @ MUG<div style="text-align: right;"><span style="font-size: 85%; font-weight: bold;">Speaker</span><span style="font-size: 85%;"> : <a href="http://skilllabs.in/" style="color: #009900; text-decoration: underline;" target="_blank" title="Click to know about Sanjay's Skill Labs">Sanjay Vyas</a></span><span style="font-size: 85%; font-weight: bold;"><br />
Session organized by</span><span style="font-size: 85%;"> : <a href="http://www.mumbaiusergroup.org/" target="_blank" title="Click to know more about Mumbai User Group"><span style="color: #009900; text-decoration: underline;">Mumbai User Group</span></a></span><span style="font-size: 85%; font-weight: bold;"><br />
Special Thanks</span><span style="font-size: 85%;"> : <a href="http://twitter.com/dhavalhirdhav" target="_blank" title="Click to follow Dhaval Faria on Twitter"><span style="color: #009900; text-decoration: underline;">Dhaval Faria</span></a></span></div><div style="text-align: justify;"><br />
<br />
<span style="color: #cc6600; font-weight: bold;">Windows 7</span> has released (<span style="font-size: 85%;"><span style="font-style: italic;">for folks who don’t know</span></span>) since more than 6 months and has already tipped past 100 million copies in sale. So the proclivity for Windows application developers would be to flood the market with Apps. to make their mark now. Also, with improvements in Aero, Muti-point support, security, UI, better taskbar (now called super-bar), etc it gives you more reasons to develop on Windows 7 platform. Even if you’re a developer who has started with Windows Forms Application development on .Net or someone who has been developing since long then focusing on Apps. leveraging the API’s and features of Windows 7 should be on your priority list. And believe me, the results will shoot past your expectations.<br />
<br />
Well, now getting straight to the point – <span style="font-weight: bold;">Windows 7 SDK</span> was there and now there’s <span style="font-weight: bold;">Windows API Code Pack</span> for developing on Windows 7. So what’s the difference ... ? Read on …<br />
<br />
<br />
<span style="color: #cc6600; font-weight: bold; text-decoration: underline;">Windows 7 SDK</span><br />
<br />
</div><ul style="text-align: justify;"><li> Offers documentation, libraries, header files, tools to develop Windows Applications using Win32 and managed technologies (<span style="font-size: 85%;"><span style="font-style: italic;">i.e. .Net Framework</span></span>).</li>
</ul><ul style="text-align: justify;"><li> Online articles suggest the version 7.0 is meant to run on Visual Studio 2008. Windows 7.1 SDK (<span style="font-size: 85%;"><span style="font-style: italic;">to be shortly released</span></span>) will support .Net Framework 4.0 and Visual Studio 2010.</li>
</ul><ul style="text-align: justify;"><li>Meant for native Win32 development and hence supports only VC++.<br />
</li>
</ul><ul style="text-align: justify;"><li> Apps. developed on it runs only in Windows 7 but the Apps. can be developed on Win XP/Vista.</li>
</ul><div style="text-align: justify;"><br />
For download, requirements and instructions : <a href="http://www.microsoft.com/downloads/details.aspx?familyid=71DEB800-C591-4F97-A900-BEA146E4FAE1&displaylang=en" target="_blank" title="Click for download, requirements and instructions of Windows 7 SDK"><span style="color: #009900; font-weight: bold; text-decoration: underline;">Here</span></a><br />
<br />
<br />
<span style="color: #cc6600; font-weight: bold; text-decoration: underline;">Windows API Code Pack</span> (<span style="font-size: 85%;"><span style="font-style: italic;">I’ll be focusing more here</span></span>)<br />
<br />
</div><ul style="text-align: justify;"><li> Provides a source code library to develop Apps. running on <span style="font-weight: bold;">Windows 7</span> leveraging a majority of features on Windows 7.</li>
</ul><ul style="text-align: justify;"><li> Acts as a wrapper for Windows 7 API using <a href="http://www.developer.com/net/cplus/article.php/2197621/Managed-Unmanaged-Native-What-Kind-of-Code-Is-This.htm" style="color: #009900;" target="_blank" title="Click to view the difference between managed code, unmanaged code and native code.">managed code</a>.</li>
</ul><ul style="text-align: justify;"><li> Supports C# and VB.Net for writing the code.</li>
</ul><ul style="text-align: justify;"><li> Works well with both VS 2008 and VS 2010.</li>
</ul><ul style="text-align: justify;"><li> Is open-source</li>
</ul><ul style="text-align: justify;"><li> More revisions underway as more features are being added.</li>
</ul><div style="text-align: justify;"><br />
<span style="font-weight: bold;">The features supported in the Windows API Code Pack</span> :<br />
<br />
</div><ul style="text-align: justify;"><li> Taskbar animation support</li>
</ul><ul style="text-align: justify;"><li> Jump Lists, Icon Overlay, Progress Bar, Tabbed Thumbnails, and Thumbnail Toolbars</li>
</ul><ul style="text-align: justify;"><li> Windows Shell and libraries</li>
</ul><ul style="text-align: justify;"><li> Muti-touch API</li>
</ul><ul style="text-align: justify;"><li> Other Windows 7 enhancements :<br />
</li>
</ul><div style="padding-left: 40px;"><ul style="text-align: justify;"><li>Services & task scheduling</li>
</ul><ul style="text-align: justify;"><li> Version checking</li>
</ul><ul style="text-align: justify;"><li> Install detection</li>
</ul><ul style="text-align: justify;"><li> User interface privilege isolation</li>
</ul><ul style="text-align: justify;"><li> Session 0 isolation</li>
</ul><ul style="text-align: justify;"><li> Windows Instrumentation</li>
</ul></div><div style="text-align: justify;"><br />
<span style="font-weight: bold;">Requirements for Windows API Code Pack</span> :<br />
<br />
</div><ul style="text-align: justify;"><li> Windows 7 RTM (<span style="font-size: 85%;"><span style="font-style: italic;">some features work on Vista as well</span></span>)</li>
</ul><ul style="text-align: justify;"><li> .Net Framework 3.5 SP1 or above</li>
</ul><ul style="text-align: justify;"><li> Visual Studio 2008/2010</li>
</ul><ul style="text-align: justify;"><li> Windows 7 SDK (<span style="font-size: 85%;"><span style="font-style: italic;">if the Windows Ribbon is used</span></span>)</li>
</ul><div style="text-align: justify;"><br />
<span style="font-weight: bold;">For more features, download, instructions, videos, examples, blogs</span> : <a href="http://code.msdn.microsoft.com/WindowsAPICodePack" target="_blank" title="Click for download, requirements, examples, videos and blogs of Windows API Code Pack"><span style="color: #009900; font-weight: bold; text-decoration: underline;">Here</span></a><br />
<br />
<span style="font-weight: bold;">Forums for Windows API Code Pack</span> : <a href="http://code.msdn.microsoft.com/WindowsAPICodePack/Thread/List.aspx?ViewAll=true" target="_blank" title="Click to view the Forums of Windows API Code Pack"><span style="color: #009900; font-weight: bold; text-decoration: underline;">Here</span></a><br />
<br />
<br />
<span style="color: #cc6600; font-weight: bold; text-decoration: underline;">Windows Ribbon</span><br />
<br />
Previously known as <span style="font-style: italic; font-weight: bold;">Windows scenic Ribbon</span>, Windows Ribbon for WinForms is a .NET wrapper for <span style="font-weight: bold;">Windows 7 Ribbon control</span> – inherently supported in Windows 7 API. It will allow WinForms developers to use Microsoft Windows 7 Ribbon control in their WinForms applications.<br />
<br />
The Windows Ribbon holds some minute details as follows :</div><ul style="text-align: justify;"><li> Developed by <span style="font-weight: bold;">Microsoft</span> and imitates <span style="font-weight: bold;">Office 2007 Ribbon</span>.</li>
</ul><ul style="text-align: justify;"><li> <span style="font-weight: bold;">Not a part of Windows API Codepack</span> but is a wrapper built on top of it.</li>
</ul><ul style="text-align: justify;"><li> Uses <span style="font-weight: bold;">XAML</span> as the mark-up language as the presentation layer for the Ribbon.<br />
</li>
</ul><ul style="text-align: justify;"><li>Supports three versions - MFC Application (<span style="font-size: 85%;"><span style="font-style: italic;">using VC++</span></span>), WPF application (<span style="font-size: 85%;"><span style="font-style: italic;">C# & VB.Net</span></span>) and Win Forms (<span style="font-size: 85%;"><span style="font-style: italic;">C# & VB.Net</span></span>).<br />
</li>
</ul><ul style="text-align: justify;"><li> Is open-source.</li>
</ul><div style="text-align: justify;"><br />
<span style="font-weight: bold;">For feature additions, issue-trackers, source-code, forums, sample examples and downloads</span> : <a href="http://windowsribbon.codeplex.com/" target="_blank" title="Click for download, requirements and samples of Windows Ribbon"><span style="color: #009900; text-decoration: underline;"><span style="font-weight: bold; text-decoration: underline;">Here</span></span></a><br />
<br />
<span style="font-weight: bold; text-decoration: underline;">Note</span> : You also need <a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=c17ba869-9671-4330-a63e-1fd44e0e2505" target="_blank" title="Click for download, requirements and instructions of Windows 7 SDK"><span style="color: #009900; font-weight: bold; text-decoration: underline;">Windows 7 SDK</span></a> for compilation of the project source-code offered over the above link.<br />
<br />
<span style="font-weight: bold;">For a complete how-to guide on Windows Ribbon</span> : <a href="http://blogs.microsoft.co.il/blogs/arik/archive/2009/12/23/windows-ribbon-for-winforms-part-0-table-of-contents.aspx" target="_blank" title="Click for a how-to guide on Windows Ribbon"><span style="color: #009900; font-weight: bold; text-decoration: underline;">Here</span></a><br />
<br />
</div><hr style="margin-left: 0px; margin-right: 0px;" /><div style="text-align: justify;"><br />
Well if you’ve noticed, the developers of Windows API Code Pack have offered the entire project source-code for download. But things can be made pretty much simple by just compiling these projects and referring their resulting DLLs when developing your Applications instead of keeping the Windows API Code Pack project source-code in our project.<br />
<br />
<span style="font-weight: bold;">You can download this DLL pack</span> <a href="http://cid-f1ea25e8e2f38be2.skydrive.live.com/self.aspx/.Public/Windows%20API%20Codepack%20DLLs.zip" target="_blank" title="Click for download the Windows API Code Pack DLL Pack by Hardik Shah [Guru]"><span style="color: #009900; font-weight: bold; text-decoration: underline;">Here</span></a>.<br />
<br />
Now the same with <span style="font-weight: bold;">Windows Ribbon</span> is difficult but their developers have come out with a difficult compromise <a href="http://blogs.microsoft.co.il/blogs/arik/archive/2009/11/18/windows-ribbon-for-winforms-part-15-use-ribbon-as-external-dll.aspx" target="_blank" title="Click to view how Windows Ribbon can be used as an external DLL"><span style="color: #009900; font-weight: bold; text-decoration: underline;">here</span></a>.<br />
<br />
<hr /><br />
So what are you waiting for .. ? Follow the below mentioned three steps for developing your App. leveraging the features of Windows 7 :<br />
<br />
<span style="font-weight: bold;">1.</span> Add the above offered DLL pack ‘ <span style="font-style: italic; font-weight: bold; text-decoration: underline;">As a reference</span> ’ in your <span style="font-weight: bold;">Windows Forms Application</span> project.<br />
<br />
<span style="font-weight: bold;">2.</span> Refer the examples <a href="http://code.msdn.microsoft.com/WindowsAPICodePack" style="font-weight: bold;" target="_blank" title="Click to download the examples of Windows API Code Pack"><span style="color: #009900; text-decoration: underline;">here</span></a> to learn the code specific to the feature you want to use.<br />
<br />
<span style="font-weight: bold;">3.</span> Add the requisite <b style="font-style: italic;">namespace</b> and use the code.<br />
<br />
<br />
</div><div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=6649501013354593885" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com5tag:blogger.com,1999:blog-3763836010083259625.post-74268180242498374302010-04-27T18:55:00.021+05:302010-10-05T00:35:20.348+05:30Using the Google Chart API/ToolsJust when the world was raving madly about Internet and its power to influence, enters a very powerful player - <b>Google</b>. Is is only a search giant .. ? I won't answer, you see it everyday !<br />
<br />
Developing a service and making its subsequent APIs (<span style="font-size: small;"><i>Application Programming Interface</i></span>), developer tools and technical resources available to the masses to leverage the same has been the motto of all the players who've made it big on the Web. No doubts Google has had a good foresight and hence they have come with myriad of APIs' over <a href="http://code.google.com/" target="_blank" title="Click to know more about Google APi"><b style="color: #38761d;">http://code.google.com</b></a>. A quick glance on the categories on the left over the above link will leave you in a spell ! Yes, the numbers and the topic of the APIs’ are just surprising ! <br />
<br />
Today I'll enlighten you about one of them - <b>Google Chart API</b>. It won’t be a comprehensive coverage on the subject like my blogs have been but a quick and a simple glance on what it has to offer. Enough for developers (<span style="font-size: small;"><i>even designers</i></span>) to leverage them.<br />
<br />
<br />
<b><u><span style="color: #ff8040;">Google Chart API</span></u></b> :<br />
<br />
<ul><li><b>What is it technically ?</b> </li>
</ul><span style="color: #0080ff;"><b>>>></b></span> Its basically a web-service written by Google web-developers. All the pertaining info (<span style="font-size: small;"><i>type of chart, no. of sections, sections titles, etc</i></span>) in the form of key-value pair is passed in the URL (<span style="font-size: small;"><i>that’s GET and even POST is possible</i></span>) and the web-service hosted on Google servers parses the same and gives you the response in the MIME type - <b>image/jpeg</b> (<span style="font-size: small;"><i>i.e. your chart</i></span>).<br />
<br />
<ul><li><b>Available types :</b> </li>
</ul><span style="color: #0080ff;"><b>>>></b></span> <b>Image Charts</b> :<br />
<br />
-- 2D/3D charts with proportions, titles, etc but no events supported. <br />
-- User only needs to ping with the URL to get the chart. <br />
-- Very fast (<span style="font-size: small;"><i>much less than one second</i></span>).<br />
<br />
Check out some Examples <a href="http://code.google.com/apis/chart/image_charts.html" rel="nofollow" target="_blank" title="Click to view more examples of Image Charts"><b style="color: #38761d;">Here</b></a>.<br />
<br />
<span style="color: #0080ff;"><b>>>></b></span> <b>Interactive Charts :</b><br />
<br />
-- Same as image charts with dynamic response based on mouse-hover/mouse-click/pre-defined events using <b>Javascript</b>. <br />
-- User has to manage some code in Javascript. <br />
-- Takes up to a few seconds (<span style="font-size: small;"><i>for complex charts</i></span>). <br />
<br />
Check out some Examples <a href="http://code.google.com/apis/visualization/interactive_charts.html" rel="nofollow" target="_blank" title="Click to know more about Interactive Charts"><b style="color: #38761d;">Here</b></a>.<br />
<br />
<ul><li><b><u>A basic example</u> :</b></li>
</ul>Check the following Image Chart and its subsequent URL :<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_H7WRxxw550HuevE9RWAWjWyAirwGYbdLtcWFY8XEOJ2T-u5mmmgAkS7Fs1AID6zXUO_e_dY26z_WIhWHYK7pHEHQAoMI5VJx1i3RS9PiAzfGUD9asHOAsWdx8QPjEI0Z_cgc4rqFhLgH/?imgmax=800" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Example of Google Image Chart" border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_H7WRxxw550HuevE9RWAWjWyAirwGYbdLtcWFY8XEOJ2T-u5mmmgAkS7Fs1AID6zXUO_e_dY26z_WIhWHYK7pHEHQAoMI5VJx1i3RS9PiAzfGUD9asHOAsWdx8QPjEI0Z_cgc4rqFhLgH/?imgmax=800" style="border: 0px none; display: inline;" title="Example of Google Image Chart" width="350" /></a></div><br />
<br />
<span style="font-size: small;">http://chart.apis.google.com/chart?</span><br />
<span style="color: #6aa84f; font-size: small;">cht=p3</span><span style="font-size: small;">&</span><br />
<span style="color: #6aa84f; font-size: small;">chdl=January|February|March|April</span><span style="font-size: small;">&</span><br />
<span style="color: #6aa84f; font-size: small;">chs=350x100</span><span style="font-size: small;">&</span><br />
<span style="color: #6aa84f; font-size: small;">chl=January|February|March|April</span><span style="font-size: small;">&</span><br />
<span style="color: #6aa84f; font-size: small;">chd=t:20,20,20,40</span><br />
<br />
<div style="text-align: center;"></div><span style="font-size: small;"><b><u>Legend</u></b> :</span><br />
<br />
<div style="font-family: inherit;"><span style="font-size: small;"><b style="color: #ffd966;">cht</b> - Chart type (</span><span style="font-size: small;"><i>p - 2D, p3 - 3D</i>) <br />
<b style="color: #ffd966;">chd</b> - Chart data (</span><span style="font-size: small;"><i>proportion of each data sums into 100</i>)</span><br />
<span style="font-size: small;"><b style="color: #ffd966;">chl</b> - Chart Labels </span><span style="font-size: small;">(</span><span style="font-size: small;"><i>to be depicted on the chart</i>)</span><span style="font-size: small;"> </span></div><div style="font-family: inherit;"><span style="font-size: small;"> <b style="color: #ffd966;">chdl</b> - Chart Design Legend (</span><span style="font-size: small;"><i>seen at the right depicting the labels</i>) <br />
<b style="color: #ffd966;">chp</b> - Angle in radians to be rotated (</span><span style="font-size: small;"><i>default starts from 3:00 PM. Possible values - 3.14,0.628 and so on</i>)</span><br />
<span style="font-size: small;"> <b style="color: #ffd966;">chs</b> - Chart Size (</span><span style="font-size: small;"><i>width x height in pixels</i>)</span></div><br />
<br />
Now for the above example we have used the GET method to get the Image chart but if the parameters passed are long and the URL length goes past 2000 characters than you can opt for the <a href="http://code.google.com/apis/chart/docs/post_requests.html" style="color: #38761d;" target="_blank" title="Click to know how to use Google Chart API with a POST request"><b>POST method</b></a>.<br />
<br />
I'm sure you loved this simple image chart. It's all very easy and there are many more in both types of charts. Check the links given above for more image and interactive charts and its<b> documentation</b>.<br />
<br />
<hr /><br />
<b><u>Some other Google API's to watch out</u></b> :<br />
<br />
<ul><li><b>Google Authentication API</b> over <a href="http://code.google.com/apis/accounts/" target="_blank" title="Click to know more about Google Authentication API"><b style="color: #38761d;">Here</b></a>.</li>
</ul><ul><li><b>Google Client Login API</b> over <a href="http://code.google.com/apis/accounts/docs/AuthForInstalledApps.html" target="_blank" title="Click to know more about Google Client Login API"><b style="color: #38761d;">Here</b></a>. </li>
</ul><ul><li><b>Google Public DNS</b> over <a href="http://code.google.com/speed/public-dns/" target="_blank" title="Click to know more about Google Public DNS"><b style="color: #38761d;">Here</b></a>. </li>
</ul><ul></ul><br />
<br />
<div style="color: #3d85c6; text-align: justify;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=7426818024249837430" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com2tag:blogger.com,1999:blog-3763836010083259625.post-89379113282367156952010-04-12T15:31:00.037+05:302010-06-07T19:31:28.608+05:30Office 2010 Overview @ Mumbai IT Pro<div style="text-align: justify;">Learning Microsoft’s Office suite could have always helped me fill up the void created by too much of development, designing and SEO skills which I possess. Add to the fact, that MS-Office is an indispensable skill as seen during most of the recruitment drives. I was through with some basics on <span style="font-weight: bold;">Office 2003</span> but the very idea & UI of <span style="font-weight: bold;">Office 2007</span> kept me at a distance from having more interest to learn it further. Finally it was me who lost out on the skills. And this sentiment and regret was always running in the back of my mind but little I could do to spend time on it and reach a point where I can proudly reflect it in my CV and use it to accelerate my productivity. Missing out a chance to catch up on <span style="font-weight: bold;">Office 2010 Preview community launch</span> held last month in Mumbai just added to my woes and regrets.<br />
<br />
<span style="color: #cc9933; font-weight: bold;">10th April, 2010</span> – this time it was a perfect match with my schedule and adding to the cake was a fine cherry, the speaker – <span style="font-weight: bold;">Manan Kakkar</span>. Boy !! He introduces himself as a desktop guy, blogger and an MVP but that’s the biggest deception you can get about him. For those who know him and have read his blogs will surely perceive one thing – I’m talking about his technical prowess in his subject and his ability to preach on it using all possible facts, statistics and conviction. The session was organized by <a href="http://www.mumbaiitpro.org/" rel="nofollow" style="color: #33cc00; font-weight: bold; text-decoration: underline;" target="_blank" title="Click to view the website of Mumbai IT Pro User Group">Mumbai It Pro</a> user group at <span style="font-weight: bold;">Microsoft, Windsor, Mumbai | INDIA</span>. It was a good one in many sorts coz I got a chance to reunite with some of my user group buddies and clear off dozens of my doubts in the Q&A session as well. Not to forget the best was to learn what I had come here for – <span style="font-weight: bold;">Microsoft Office 2010</span>. Following are some key milestones, issues and features which Manan put light on and some which I’ve added based on my Home-Labs :<br />
<br />
<br />
<img alt="Microsoft Office 2010" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuKhE-mg5_1B8tqrbpEMU-Ix3VlHdOg_f1mzT0uscK0PK0Y9QPtcW3r3HO7jNUWjeKefNPc2ouF4uLx37ot_IEe9SaHQ28cdKl2uSyAJ7iEUqSkzbVMfecMIkr8htLAYm5WsyuqPuuFYGB/s400/Microsoft-Office-2010.jpg" style="cursor: pointer; display: block; height: 180px; margin: 0px auto 10px; text-align: center; width: 200px;" title="Microsoft Office 2010" /><br />
<br />
</div><hr /><br />
<ul><li><span style="color: #cc9933; font-weight: bold;">MS Office Works</span><span style="color: #cc9933;"> </span> <span style="color: #ff6600; font-weight: bold;">>></span> <span style="color: #cc9933; font-weight: bold;">MS Office 2010 Starter Edition</span> :</li>
</ul>MS Office Works is basically a <span style="font-weight: bold;">scaled-down version</span> of Microsoft Office suite and is moreover meant for novices’ or those requiring only a very basic Word processor, Excel and database functionality. Previously, it came preloaded in Laptop and Desktop PC’s from all prominent vendors but now it’ll be replaced by Office 2010 Starter Edition which will have the stripped-down versions of Word 2010 and Excel 2010. Stripped-down here means basic document viewing and editing only.<br />
<br />
<br />
<hr /><br />
<ul><li><span style="color: #cc9933; font-weight: bold;">Versions/Editions of Office 2010</span> :</li>
</ul><span style="font-weight: bold;">>></span> Office 2010 Starter (<span style="color: #999900; font-size: 85%;"><span style="font-style: italic;">Meant to be preloaded and not for retail</span></span>)<br />
<span style="font-weight: bold;">>></span> Office 2010 Home & Student<br />
<span style="font-weight: bold;">>></span> Office 2010 Professional<br />
<span style="font-weight: bold;">>></span> Office 2010 Professional Academic (<span style="color: #999900; font-size: 85%;">It’s the Professional Edition but for students at discounted rates</span>)<br />
<span style="font-weight: bold;">>></span> Office 2010 Professional Plus (<span style="color: #999900; font-size: 85%;">It’s the Professional Edition but for volume-licensing enterprises</span>)<br />
<br />
<br />
<a href="http://store.microsoft.com/microsoft/office/category/210" target="_blank" title="Click to view Microsoft Office 2010 versions, comparison and prices"><img alt="Microsoft Office 2010 versions, comparison and prices" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAN7kEb0-VzOIh7a2QCKneAXd0MlxvM9SCaMeBv4qWqa1bz7f8B9XfllcFYB994J-oV3RYkRVeg-HDjSldnP8O8nryAFIXejhDivyfyiSBGoKoiLEbTBzI7_XXlY5igM3ZbLGL5MLLGcko/s1600/Microsoft+Office+2010+Official+pricing+comparison+chart.png" style="cursor: pointer; display: block; height: 100%; margin: 0px auto 10px; text-align: center; width: 100%;" /></a><br />
<br />
For the official comparison and pricing, click <a href="http://store.microsoft.com/microsoft/office/category/210" style="color: #33cc00; font-weight: bold; text-decoration: underline;" target="_blank" title="Click to see Office 2010 versions, comparison and prices">Here</a>.<br />
<br />
A point to be noted here, when you buy any version of Office 2010 (<span style="font-size: 85%;"><span style="font-style: italic;">leave out Starter Edition</span></span>), you’ll be getting a serial number for 3 users (<span style="font-size: 85%; font-weight: bold;"><span style="font-style: italic;">which means 3 licenses</span></span>). Also to be noted is this fact - <span style="font-weight: bold;">Visio 2010</span> and <span style="font-weight: bold;">Project 2010</span> will be separate products altogether and won't come bundled with any of the editions of Office 2010.<br />
<br />
<br />
With Office 2010, Microsoft also introduces a different choice of availability –<br />
<ul><li> <span style="font-weight: bold;">Boxed</span> version (<span style="font-size: 85%; font-style: italic;">Off-the-store</span>)</li>
</ul><ul><li> <span style="font-weight: bold;">Product Key Card </span>version (<span style="font-size: 85%; font-style: italic;">Off-the-web</span>)</li>
</ul>The boxed version is our conventional buy-from-the-store or <span style="font-style: italic;">order-a-pack-online</span> OEM packs in which you get the CD, serial number and the manual packaged in a beautiful box whereas in the product Key Card version you are actually buying an online account with three licenses of a specific version of Office and can be procured by downloading it from the web (<span style="font-size: 85%;"><span style="font-style: italic;">sorry you won’t get a box here</span></span>). So basically, as highlighted above it’s an <span style="font-style: italic; font-weight: bold;">off-the-store</span> and <span style="font-style: italic; font-weight: bold;">off-the-web</span> story.<br />
<br />
<br />
<hr /><br />
The design, theme and icons for the components have been revised noticeably and this is how they look now :<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkr6x3mKBqUWsGJGYClHG-wfHLll3oTSYxIQpXTFEz-c6ceT9bs4YIOohJEO9tRWetKJynHdfyArNC8EOm1Q3OSCm5zqTOOaqSTBIIg0cQSGh9d9Zpds87szyPKsrXSl1354OmsS6CGWek/s1600/MS+Office+2010+Icons.jpg" target="_blank" title="Microsoft Office 2010 Icons"><img alt="Microsoft Office 2010 Icons" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkr6x3mKBqUWsGJGYClHG-wfHLll3oTSYxIQpXTFEz-c6ceT9bs4YIOohJEO9tRWetKJynHdfyArNC8EOm1Q3OSCm5zqTOOaqSTBIIg0cQSGh9d9Zpds87szyPKsrXSl1354OmsS6CGWek/s400/MS+Office+2010+Icons.jpg" style="cursor: pointer; display: block; height: 294px; margin: 0px auto 10px; text-align: center; width: 307px;" /></a><br />
<hr /><br />
<span style="color: #cc9933; font-weight: bold;">Some prominent and noticeable features in Office 2010</span> :<br />
<br />
<ul><li> <span style="font-weight: bold;">Backstage</span> (<span style="color: #999900; font-size: 85%;">The very first tab in the Ribbon. <span style="font-style: italic;">Check image below</span></span>)</li>
</ul><ul><li> <span style="font-weight: bold;">Print</span> (<span style="color: #999900; font-size: 85%;">Setup everything without opening a print window</span>)</li>
</ul><ul><li> <span style="font-weight: bold;">Document Information</span> (<span style="color: #999900; font-size: 85%;">Password protection, implement editing restrictions, document summary, etc</span>)</li>
</ul><ul><li> <span style="font-weight: bold;">Save as PDF</span>/ <span style="font-weight: bold;">To Web</span> (<span style="color: #999900; font-size: 85%;">SkyDrive or Network Drive</span>)/ <span style="font-weight: bold;">Sharepoint Workspace</span></li>
</ul><ul><li><span style="font-weight: bold;"> Support for themes</span></li>
</ul><ul><li> <span style="font-weight: bold;">Language translation</span></li>
</ul><ul><li> <span style="font-weight: bold;">Equations</span> (<span style="color: #999900; font-size: 85%;">moreover used in Excel and Powerpoint</span>)</li>
</ul><br />
<span style="font-weight: bold;">From Office 2007 onwards</span>, the UI followed a <span style="font-weight: bold;">Ribbon interface</span> (<span style="font-size: 85%; font-style: italic;">criticized by many</span>) but with Office 2010 it has been reworked and now it indeed hits the eye well. The way it has been done now it seems justified. The first tab in the ribbon is known as the <span style="font-weight: bold;">Backstage</span> with some common powerful tools embedded under its body. This is how the Ribbon and Backstage looks :<br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTgOLixhAMNiL6gYNatc_cI_m100ZyjH43bBVNuIQ4pwWT9zjjJRrQCHJfzuxB0Lbtca0JioNAqdv-Ikz92Xj-SM3lbmKcjqyXO7cANjhyphenhyphenFHXIUL3ZEYsKe94YIM5JcNZB3qrgfzb5IyPC/s1600/Office+2010+Ribbon+Interface.JPG" target="_blank" title="Office 2010 Ribbon Interface"><img alt="Office 2010 Ribbon Interface" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTgOLixhAMNiL6gYNatc_cI_m100ZyjH43bBVNuIQ4pwWT9zjjJRrQCHJfzuxB0Lbtca0JioNAqdv-Ikz92Xj-SM3lbmKcjqyXO7cANjhyphenhyphenFHXIUL3ZEYsKe94YIM5JcNZB3qrgfzb5IyPC/s400/Office+2010+Ribbon+Interface.JPG" style="cursor: pointer; display: block; height: 100%; margin: 0px auto 10px; text-align: center; width: 100%;" /></a><br />
<div style="text-align: center;"><span style="font-weight: bold;">Ribbon Interface</span></div><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXwrv9IrxKakP2iC4cI9DATN48C9qbrWJ9Q_g6VhgNR38lsJe4FQh7aldIIjPLd1R2fRwk38Sa_c1l2WfwIQ9dYAoAsOPMw4QWULG_foXUGkOaefELIZZPc1uzOjVNK8LS924DnZMc4NAS/s1600/Office+2010+Backstage+Interface.JPG" target="_blank" title="Office 2010 Backstage Interface"><img alt="Office 2010 Backstage Interface" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXwrv9IrxKakP2iC4cI9DATN48C9qbrWJ9Q_g6VhgNR38lsJe4FQh7aldIIjPLd1R2fRwk38Sa_c1l2WfwIQ9dYAoAsOPMw4QWULG_foXUGkOaefELIZZPc1uzOjVNK8LS924DnZMc4NAS/s400/Office+2010+Backstage+Interface.JPG" style="cursor: pointer; display: block; height: 100%; margin: 0px auto 10px; text-align: center; width: 100%;" /></a><br />
<div style="text-align: center;"><span style="font-weight: bold;">Backstage Interface</span><br />
<br />
</div><hr /><br />
Now it’s time to get up, close and personal with the prominent feature additions and enhancements in <span style="font-weight: bold;">Word</span>, <span style="font-weight: bold;">Powerpoint </span>and <span style="font-weight: bold;">Outlook 2010</span>. Read them all closely …<br />
<br />
<br />
<ul><li> <span style="color: #cc9933; font-weight: bold;">Microsoft Word 2010</span> :</li>
</ul><div style="padding-left: 40px;">o <span style="font-weight: bold;">Screenshot</span> (<span style="color: #999900; font-size: 85%; font-style: italic;">Insert one which is taken live</span>)<br />
o <span style="font-weight: bold;">Image formatting</span> (<span style="color: #999900; font-size: 85%; font-style: italic;">Translucent effects, drop-shadows, etc</span>)<br />
o <span style="font-weight: bold;">Add visual effects to Text</span><br />
o <span style="font-weight: bold;">Remove image background</span><br />
o <span style="font-weight: bold;">Protected Mode</span> (<span style="color: #999900; font-size: 85%;"><span style="font-style: italic;">i.e. Read-Only</span></span>)<br />
o <span style="font-weight: bold;">Restricted Editing</span> (<span style="color: #999900; font-size: 85%; font-style: italic;">With or without a password</span>)<br />
o <span style="font-weight: bold;">Speak</span> (<span style="color: #999900; font-size: 85%;"><span style="font-style: italic;">Let Word 2010 speak the document for you</span></span>)<br />
o <span style="font-weight: bold;">Co-authoring</span> (<span style="color: #999900; font-size: 85%; font-style: italic;">Multiple users can work on the same document without leaving Word</span><span style="color: #999900; font-size: 100%;"><span style="color: black;">)</span></span><br />
o <span style="font-weight: bold;">Word Web-Apps</span> (<span style="color: #999900; font-size: 85%; font-style: italic;">Edit documents using the browser</span>)<br />
o <span style="font-weight: bold;">Recover lost work</span> (<span style="color: #999900; font-size: 85%; font-style: italic;">Even if you haven't saved</span>)<br />
o <span style="font-weight: bold;">Hide ribbon</span> (<span style="color: #999900; font-size: 85%; font-style: italic;">If the above features still don’t interest you then better hide it</span>)<br />
</div><span style="color: #cc9933; font-weight: bold;"><br />
</span><br />
<ul><li><span style="color: #cc9933; font-weight: bold;">Microsoft Powerpoint 2010</span> :</li>
</ul><div style="padding-left: 40px;">o <span style="font-weight: bold;">Create a video</span> (<span style="color: #999900; font-size: 85%;">High/Medium/Low quality w/o specified timings</span>)<br />
o <span style="font-weight: bold;">Broadcast Slideshow</span> (<span style="color: #999900; font-size: 85%;"><span style="font-style: italic;">multiple clients can view the presentation online synchronously with you</span></span>)<br />
o <span style="font-weight: bold;">More transition and animation effects</span> (<span style="font-size: 85%;"><span style="color: #999900; font-style: italic;">check them all by yourself</span></span>)<br />
o <span style="font-weight: bold;">Animation Painter </span>(<span style="color: #999900; font-size: 85%; font-style: italic;">copy details of an object to another</span>)<br />
o <span style="font-weight: bold;">More templates</span> (<span style="color: #999900; font-size: 85%; font-style: italic;">this is something to watch out for</span>)<br />
o <span style="font-weight: bold;">Send using E-Mail</span> (<span style="color: #999900; font-size: 85%; font-style: italic;">as an Attachment/PDF/XPS/Fax</span>)<br />
o <span style="font-weight: bold;">Package presentation for CD </span>(<span style="color: #999900; font-size: 85%; font-style: italic;">create a standalone presentation for viewing on a PC not having Office</span>)<br />
o <span style="font-weight: bold;">Create Handouts </span>(<span style="color: #999900; font-size: 85%; font-style: italic;">convert the slides to a Word soft copy for circulation</span>)<br />
o <span style="font-weight: bold;">Presenter View </span>(<span style="color: #999900; font-size: 85%; font-style: italic;">display presentation on one Monitor and timings & notes on another</span>)<br />
o <span style="font-weight: bold;">Record Slide Show</span> (<span style="color: #999900; font-size: 85%; font-style: italic;">Insert live audio, laser pointer, slide and animation timings into the slide</span>)<br />
o <span style="font-weight: bold;">Insert a video </span>(<span style="color: #999900; font-size: 85%; font-style: italic;">Insert only the required part as trimming is allowed live</span>)<br />
<br />
</div><br />
<br />
<ul><li> <span style="color: #cc9933; font-weight: bold;">Microsoft Outlook 2010</span> :<br />
</li>
</ul><div style="padding-left: 40px;">o <span style="font-weight: bold;">Ignore/Collapse/Delete Conversations</span><br />
o <span style="font-weight: bold;">Live Meeting</span> (<span style="color: #999900; font-size: 85%;"><span style="font-style: italic;">now integrated</span></span>)<br />
o <span style="font-weight: bold;">Polling and Quiz</span> (<span style="font-size: 85%;"><span style="color: #999900; font-style: italic;">Integrated in mails</span></span>)<br />
o <span style="font-weight: bold;">PST file can grow beyond 2 GB</span><br />
<br />
</div><br />
<br />
<br />
<br />
<div style="color: #3d85c6;"><a href="https://www.blogger.com/comment.g?blogID=3763836010083259625&postID=8937911328236715695" title="Click to leave a comment on this blog post"><span style="font-family: Georgia; font-size: 180%;">Post a Comment</span></a></div>Hardik Shah [Guru]http://www.blogger.com/profile/05681349294517132192noreply@blogger.com4