Sharepoint - Simple Slides Show

Preparation: Download jquery-1.4.4.min.js from jquery website. Download jquery.cycle.all.js from jquery cycle website. Copy them to Sharepoint site, in my case, I set up a folder called img under root. Then paste 6 images and two scripts to it. The images name are 1.jpg-6.jpg.
You need add 2 js to the      master page. Go to the master page of the current one through sharepoint      designer 2010. Edit it. Find <head runat="server">      area, add twos lines after it:

2.Now you need save the master page, then      publish and approve it at the website. You need login to your sharepoint      website ,site actions-> site settings->Galleries->master page and      page layouts->find the master page you edited and publish it, then      check on it and then approve it from the icon at the top.

3.The Jscripts are ready to      run, from the page which using the same master page, create a content      editor webpart, select web part, click on edit html source, paste the      following code to it:

                         
    

    
    
    
    
     
     
    
    
Values 

sharepoint public website customization

Ok. So many days struggling. The problem been fixed one by another. here are the problems.

1. anonymous access without login prompt.

create a main site on 8080 port. give it a intranet host header.

Enable anonymous access both on central administration and website.

extend it on 80 port, give it a internet host header.

On IIS only enable the anonymous authentication for 80 port new site.

MAKE SURE EVERYTHING IS CHECKED IN AND PUBLISHED!!!!

2. Picture can not be seen by anonymous user.

TURN OFF PICTURE LIBRARY VERSIONING.

MAKE SURE PICTURE IS CHECKED IN! BLoody Hell.

3. anonymous user seen different background or master page or css than normal user!

MAKE SURE MASTER TEMPLATE AND CSS ARE PUBLISHED OR CHECKED IN.

4. Anonymous user can not see the content of content query web part.

I followed both, but i am not sure which one solved my problem , because it was cured instantly but after I have checked in manythings that i could not remember, as long as it is working now. I dont want touch it!!!

http://blog.mastykarz.nl/inconvenient-sharepoint-2010-content-query-web-part-anonymous-access/

http://sharepointyankee.com/2010/12/10/content-query-web-parts-anonymous-access-and-the-dreaded-copyutil-aspx-in-sharepoint-2010/

I really want to believe the second thread is more like the queue, although i am not sure. But at least it is not a problem at the moment.

5. hide login for anonymous users

<Sharepoint:SPSecurityTrimmedControl>

6. hide ribbon, same.

To make a login for users. I just use another master page to do it.

I have 3 master page. Home for welcome page, main for websites,  and login.master for users to login.

7.

Error an unhandled exception occurred in the Silverlight Application when creating SharePoint 2010 Sites
http://ianankers.wordpress.com/2011/09/12/error-an-unhandled-exception-occurred-in-the-silverlight-application-when-creating-sharepoint-2010-sites/

8. Database need upgrade

http://blogs.technet.com/b/sbs/archive/2011/05/24/you-must-manually-run-psconfig-after-installing-sharepoint-2010-patches.aspx

9. Anonymous user can not use search, check my another post->

http://rockyoz.wordpress.com/2012/01/30/enable-search-for-anonymous-user-in-sharepoint-2010/

10.

OOTB Navigation fix to support IPad & I-Devices
http://tommdaly.wordpress.com/2011/11/10/ootb-navigation-fix-to-support-ipad-i-devices/

11.

Fast rounded corners in Photoshop
http://matthom.com/archive/2004/09/10/fast-rounded-corners-in-photoshop

12. Googlemap

http://support.google.com/maps/bin/answer.py?hl=en&answer=72644

13. Insert content editor webpart into page, put html code like this.

http://FILENAME.PDF
14. website is not working on iphone

http://blogs.pointbridge.com/Blogs/nielsen_travis/Pages/Post.aspx?_ID=46

15. Website is not working on win7 phone or Android phone
go to \app_broweser\compat.brower
Change isMobileDevice under android and win7 to false. save it.

Sharepoin Layout and hide ribbon

1)      Open your SharePoint master page

2)      Locate this line: <div id=”s4-ribbonrow”>

3)      Change it to: <div id=”s4-ribbonrow” style=”display:none”>

4)      Now find the end of the “s4-ribbonrow” tag and add following block right after it: <Sharepoint:SPSecurityTrimmedControl ID=”SPSecurityTrimmedControl2″ runat=”server” PermissionsString=”AddAndCustomizePages”>     <script type=”text/javascript”>         document.getElementById(“s4-ribbonrow”).style.display = “block”;     </script> </Sharepoint:SPSecurityTrimmedControl>

5)      Save the new master page and publish it.

Reference:http://blogs.msdn.com/b/zwsong/archive/2010/04/29/how-to-hide-ribbon-from-users-without-edit-page-privilege.aspx

Sharepoint website customization notes

LEASE  do use firebug when you try to decode the sharepoint template!

Customization Corev4.css-

and if you can`t find the part from corev4.css, which could be saved in server at C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\template\layouts\1033\STYLES.

ms-rteElement-H1B   =   Headline of each document page

ms-quickLaunch{padding-top:5px;} = quicklaunch navigation

.s4-ql ul.root > li > .menu-item = the first navigation root

.s4-ql ul.root > li > ul >li > .menu-item  = the second quick launch root

.s4-ql ul.root > li > ul >li > ul> li > .menu-item  = the third quick launch root

body #s4-leftpanel-content= left side body border

C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\template\layouts\1033\STYLES

CSS line 6994

.ms-rte-layoutszone-inner

{

word-wrap:break-word;

border:0px solid transparent;

margin:0px;

padding:10px;

overflow:hidden;

}

SearchBar:

C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\1033\STYLES\Themable\SEARCH.CSS

.s4-search input.ms-sbplain =search input column

Sharepoint 2010 Customize Survey Form

The default Sharepoint Survey template sometimes can be anoyying,
1. You cant add plain Text on it. So if you want to add some introduction or summary, or some additional reference information. It will be really struggling
2. The question and answer are in fixed format, you cant insert a picture or anything cusmoized on it.
Spent couple days on this, Searched alot website and finally got it works on my website. Suprisely it is fairly easy.
Solution:
1. On sharepoint designer 2010, go to the Lists and Libraries on left panel, Find the survey you are looking for. Open it.
2. Click New at the Forms Panel on the right side, type in the <New Form Name>, check "set as default form for the selected type", check "create link in list Item Menu and Ribbon", also type in the "link and Command Name", I.E. <New Survey>. Click OK.
3. Now click on the new form you just created to open it. It may take a bit time. Make sure you select split view under view. Make it easier for you to edit it.
4. By default, the new form is using Cutomized Form View, so we can easily create another table between "cancel" button and <question 1>, and start customizing the table here. You can insert pictures if you want and add any personal css code into the table.
5. To move the answers you just need find the current answers, remember select both lines of the code. I.E.

 Cut them and paste it into wherever you want the answer listed.
Save it.
Now when people click on Respond to this survey, they will see the form you just created other than the default one, Cheers!