<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-826019942649902203</id><updated>2011-11-27T16:52:20.997-08:00</updated><title type='text'>Create Custom page layouts for wss 3.0 (not for MOSSS 2007)</title><subtitle type='html'>By default wss wont support designer created pagelayouts(You cant create page layouts for wss in sharepoint designer). Default Layouts support 8 different webpart layout pages. You can add your own webpart page layouts by this way.....</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://wsslayouts.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826019942649902203/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://wsslayouts.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Raghavendra K</name><uri>http://www.blogger.com/profile/15864973119220611133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://1.bp.blogspot.com/_UHNGasZM0Mw/SW84BnB9tLI/AAAAAAAAA48/MrEovJLbMrs/S220/PA111269.JPG'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>1</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-826019942649902203.post-5756744031680516006</id><published>2008-06-11T01:01:00.000-07:00</published><updated>2008-12-10T15:40:20.281-08:00</updated><title type='text'>Layout pages for WSS 3.0</title><content type='html'>&lt;span style="font-size:85%;"&gt;The Windows Sharepoint Services 3.o comes with  "8" default "Web part page layouts".&lt;br /&gt;If your pages does not fit into these layouts, then you have to go for "Custom page layouts".&lt;br /&gt;&lt;br /&gt;By default, WSS wont allow you to have any more page layouts other than these out of the box page layouts. There is small tweaks need to be done, in order to accomplish your page layout to get listed in "spcf.aspx"  or you can have your own "custspcf.aspx" page which lists your page layouts.&lt;br /&gt;&lt;br /&gt;Here is how i did it.&lt;br /&gt;&lt;br /&gt;There are three simple steps to be followed. Those are&lt;br /&gt;&lt;br /&gt;1. Creating additional layout pages.&lt;br /&gt;2. creating a custom spcf page (which lists out your page layouts.. I will tell you why..you have to go for the custom one here )&lt;br /&gt;3. Adding a link in the create.aspx page ( which directs you to custspcf.aspx  page)&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="color: rgb(0, 0, 102);font-size:100%;" &gt;1. Creating Additional Page Layouts&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt; &lt;/span&gt;&lt;/span&gt;For the Demo am copying one of the existing page layouts.&lt;br /&gt;The Page Layouts are located in the drive&lt;br /&gt;&lt;span style="font-weight: bold;"&gt; "C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\1033\STS\DOCTEMP\SMARTPGS"&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;You can copy one of these and save it as "spstd9" (there are already 8 built in templates in this folder).&lt;br /&gt;&lt;br /&gt;The &lt;span style="font-weight: bold;"&gt;image&lt;/span&gt; [This is to show how your page layout looks like] that gets displayed in spcf ( or  custspcf.aspx) comes from the "_layouts\images" folder.  So you need to store the image corresponding to the page layout in that purticular folder&lt;br /&gt;&lt;br /&gt;( &lt;span style="font-style: italic;"&gt;&lt;span style="font-weight: bold;"&gt;Note&lt;/span&gt; &lt;/span&gt;: &lt;/span&gt;&lt;span style="font-size:85%;"&gt;"_layouts\images" folder maps to "C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\template\images" in IIS).&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;Important&lt;/span&gt;&lt;span style="font-size:85%;"&gt; thing here is "The name of the image should be same as the name of the page layout.&lt;br /&gt;Eg  if the name of page layout is &lt;/span&gt;&lt;span style="font-size:85%;"&gt;'spstd9.aspx' then name of image should be 'spstd9.gif' "&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 102);font-size:100%;" &gt;&lt;br /&gt;2.&lt;/span&gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(0, 0, 102);font-size:100%;" &gt; &lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(0, 0, 102);font-size:100%;" &gt;Creating a custom spcf page&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;br /&gt;First lets understand..&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;  &lt;/span&gt;&lt;span style="font-style: italic; font-weight: bold;font-size:85%;" &gt;why not use the spfc.aspx itself&lt;/span&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;?&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;The built in spfc.aspx page makes use of "OWSSVR.DLL" which is located in "\12\ISAPI\" folder for its processing. Its shielded to us and hence the functionality cannot be altered...&lt;br /&gt;(Actually, the spfc.aspx passes the parameters to the dll as a query string, may be  its possible to achieve the functionality by appropriate query parameter. But, a more research is required here.. May be some one can pen on this).&lt;br /&gt;&lt;br /&gt;So.....&lt;br /&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;lets build Custspfc.aspx page&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt; This application page is give by Microsoft for wss 2.0 and works for wss 3.0 as well.. You can download the page from here&lt;/span&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;.&lt;br /&gt;&lt;br /&gt;&lt;iframe scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="width:240px;height:66px;margin:3px;padding:0;border:1px solid #dde5e9;background-color:#ffffff;" src="http://cid-c00db2f92cb43467.skydrive.live.com/embedrowdetail.aspx/WSSPageLayouts/custspcf.zip"&gt;&lt;/iframe&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;Open the page and navigate to code snippet&lt;br /&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_UHNGasZM0Mw/SFD-7FMlZlI/AAAAAAAAAAM/7zXN1GOs3Xk/s1600-h/Codesnippet1.PNG"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_UHNGasZM0Mw/SFD-7FMlZlI/AAAAAAAAAAM/7zXN1GOs3Xk/s320/Codesnippet1.PNG" alt="" id="BLOGGER_PHOTO_ID_5210945059828360786" border="0" /&gt;&lt;/a&gt;&lt;span style="font-size:85%;"&gt;See the option values and if you want to add one more page layout add one more row and give the page layout &lt;/span&gt;&lt;span style="color: rgb(255, 0, 0);font-size:85%;" &gt;name&lt;/span&gt;&lt;span style="font-size:85%;"&gt; as &lt;/span&gt;&lt;span style="color: rgb(255, 0, 0);font-size:85%;" &gt;value&lt;/span&gt;&lt;span style="font-size:85%;"&gt;,  and increase the &lt;/span&gt;&lt;span style="color: rgb(255, 0, 0);font-size:85%;" &gt;size&lt;/span&gt;&lt;span style="font-size:85%;"&gt; to 10. That's all, you add as many layout pages as you wish,by this way.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Save the &lt;/span&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;Custspfc.aspx in &lt;/span&gt;&lt;span style="font-size:85%;"&gt;"_layouts" folder ("C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS")&lt;/span&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;&lt;span style="color: rgb(0, 0, 102);font-size:100%;" &gt;3. Adding a link in the create.aspx page ( which directs you to custspcf.aspx page)&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;Now, we have come to the last step .&lt;br /&gt;open the "create.aspx" page from "_layouts" folder.  Search for the code&lt;br /&gt;&lt;span style="color: rgb(255, 153, 0);"&gt;&lt;a id="onetidWebPartPage" href="http://www.blogger.com/spcf.aspx" target="_self"&gt;&lt;sharepoint:encodedliteral runat="server" text=""&gt;&lt;/sharepoint:encodedliteral&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_UHNGasZM0Mw/SFEAY1MlZmI/AAAAAAAAAAU/e1HpK-Q5BYk/s1600-h/Codesnippet2.PNG"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://4.bp.blogspot.com/_UHNGasZM0Mw/SFEAY1MlZmI/AAAAAAAAAAU/e1HpK-Q5BYk/s320/Codesnippet2.PNG" alt="" id="BLOGGER_PHOTO_ID_5210946670441096802" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="color: rgb(255, 153, 0);"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;br /&gt;below that add a link to "custspcf.aspx"&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_UHNGasZM0Mw/SFEBolMlZnI/AAAAAAAAAAc/1JjJzUMb98s/s1600-h/Codesnippet3.PNG"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="http://3.bp.blogspot.com/_UHNGasZM0Mw/SFEBolMlZnI/AAAAAAAAAAc/1JjJzUMb98s/s320/Codesnippet3.PNG" alt="" id="BLOGGER_PHOTO_ID_5210948040535664242" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="color: rgb(255, 153, 0);"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;span style="color: rgb(204, 153, 51);"&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;br /&gt;&lt;br /&gt;This will create a link in your create.aspx page from which you can go to "custspcf.aspx" page.. (http://machinename:port/_layouts/custspcf.aspx)&lt;br /&gt;Thats all.... Go and browse your site and create pages using your own page layouts.&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/826019942649902203-5756744031680516006?l=wsslayouts.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://wsslayouts.blogspot.com/feeds/5756744031680516006/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=826019942649902203&amp;postID=5756744031680516006' title='16 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/826019942649902203/posts/default/5756744031680516006'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/826019942649902203/posts/default/5756744031680516006'/><link rel='alternate' type='text/html' href='http://wsslayouts.blogspot.com/2008/06/layout-pages-for-wss-30.html' title='Layout pages for WSS 3.0'/><author><name>Raghavendra K</name><uri>http://www.blogger.com/profile/15864973119220611133</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://1.bp.blogspot.com/_UHNGasZM0Mw/SW84BnB9tLI/AAAAAAAAA48/MrEovJLbMrs/S220/PA111269.JPG'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/_UHNGasZM0Mw/SFD-7FMlZlI/AAAAAAAAAAM/7zXN1GOs3Xk/s72-c/Codesnippet1.PNG' height='72' width='72'/><thr:total>16</thr:total></entry></feed>
