Wednesday, 30 January 2013
SharePoint Tab Web Part with JQuery
I found very easy way to implement Tab Control in Sharepoint using jQuery,
Steps:
- The first thing that you will need to do is identify the document/page library to house the tabpage.
This page can be added to any document library and so it gives you much flexibility as to where you deploy this.
- Download the tabpage file from here: http://www.bitsofsharepoint.com/ExamplePoint/Download/TabPage.zip
- Extract the contents of the zip file and then upload to a document or page library
- In this step you will want to open the page.
- Then go to Site Actions and select Edit Page
- Now look for the section called "Tab"
- Click "Add a Web Part"
- Select a Content Editor Web Part and click Add
- Now edit the Content Editor Web Part (CEWP)
- At this point you will then want to open up the Source Editor and past in the code below
- Now you will need to decide the number of tabs you want.
- To have less then 8 tabs I recommend that you do the following, add <!-- & --> to the start of this code <li> and the end of this code </li>
- This will allow you to easily add a tab back if you need it in the future with out having to remember the code to add
- Example: <!--<li><a href="#tab-8" ><span>TAB 8</span></a></li>-->
- Next you will want to the change the title of the tabs.
- The title is found between the code <span> </span>
- Last do you want the Tab Page Help to show or NOT show
- Add the <script> code to HIDE the help button
- Below is the code to add to the CEWP
<!-- Code to hide Tab Page Help Link -->
<script type="text/javascript">
$(document).ready(function() {
$('#TabPageHelp').hide();
});
</script>
Steps:
- The first thing that you will need to do is identify the document/page library to house the tabpage.
This page can be added to any document library and so it gives you much flexibility as to where you deploy this.
- Download the tabpage file from here: http://www.bitsofsharepoint.com/ExamplePoint/Download/TabPage.zip
- Extract the contents of the zip file and then upload to a document or page library
- In this step you will want to open the page.
- Then go to Site Actions and select Edit Page
- Now look for the section called "Tab"
- Click "Add a Web Part"
- Select a Content Editor Web Part and click Add
- Now edit the Content Editor Web Part (CEWP)
- At this point you will then want to open up the Source Editor and past in the code below
- Now you will need to decide the number of tabs you want.
- To have less then 8 tabs I recommend that you do the following, add <!-- & --> to the start of this code <li> and the end of this code </li>
- This will allow you to easily add a tab back if you need it in the future with out having to remember the code to add
- Example: <!--<li><a href="#tab-8" ><span>TAB 8</span></a></li>-->
- Next you will want to the change the title of the tabs.
- The title is found between the code <span> </span>
- Last do you want the Tab Page Help to show or NOT show
- Add the <script> code to HIDE the help button
- Below is the code to add to the CEWP
<!-- Code to hide Tab Page Help Link -->
<script type="text/javascript">
$(document).ready(function() {
$('#TabPageHelp').hide();
});
</script>
<!-- Code to add Tabs -->
<div id="tabs">
<ul class="tabNavigation ms-WPBody">
<li><a href="#tab-1" class="selected ms-topnavselected"><span>TAB 1</span></a></li>
<li><a href="#tab-2" ><span>TAB 2</span></a></li>
<li><a href="#tab-3" ><span>TAB 3</span></a></li>
<li><a href="#tab-4" ><span>TAB 4</span></a></li>
<li><a href="#tab-5" ><span>TAB 5</span></a></li>
<li><a href="#tab-6" ><span>TAB 6</span></a></li>
<li><a href="#tab-7" ><span>TAB 7</span></a></li>
<li><a href="#tab-8" ><span>TAB 8</span></a></li>
</ul>
<div style="clear: both"></div>
</div>
- When you add a webpart to Tab 2 - 8 you will notice that each time the page refreshes it takes you back to Tab 1.
- This will happen each time, but it does not affect what webpart you are working on.
- So just because you clicked Modify Shared Webpart on tab 3 and it refreshes to Tab 1 does NOT mean you are editing the webpart in Tab 1.
- You will notice that you can click on tab 3 and see that the webpart has the dotted lines indicating that it is being edited.
Tuesday, 29 January 2013
Service Application Architecture
Atal
Service Application Architecture
•
SharePoint 2007
–
SSP [shared service provider)
–
Each instance of The SSP has all
services enabled
–
Each site collection was locked into
a single SSP
–
The SSP was a single point of failure
–
Lacked scalability
–
Lacked flexibility
Service Application Architecture
•
Sharepoint 2010
–
SA (service application) architecture
–
Provide background services to
SharePoint sites
–
More flexibility thon the SSP
–
Each SA can serve one or multiple
sites
–
SAs can be placed in groups for
simpler deployment to Web applications
–
Load balancing
SA Terminology
•
Service
–
Binary file[s) installed on The
server form To execute a function
–
A program running in The server form
That does something for SharePoint
•
Excel services do Excel data
processing
•
Service Application
–
Implementation of the service
–
Reference to the service in the form
SA Terminology
•
Service application proxy
–
Target for calls to the SAs
–
Multiple instances of The service on
the back end
–
Load balance between instances
•
Service instance
–
Single implementation of an SA
SAs in SharePoint Foundation
•
Business Data Connectivity service
–
Connect to external data sources
•
Usage and Health Data Collection
–
SharePoint Health Analyzer
•
Microsoft SharePoint Foundation
Subscription Settings service
–
Multi-tenancy
•
More than one user consuming the
services on one form.
Standard Edition SAs
•
Managed Metadata service
–
Centralized Taxonomy for social
Tagging keywords
•
Search service application
–
Full-fledged search for Sharepoint
sites
–
Search entire form and remote servers
•
Secure Store service
–
Claims-based authentication
•
State service
–
Track user state
•
User Profile service application
–
Full-featured My Sites
•
Web Analytics service application
–
Statistical tracking
•
Word Automation services
–
Workflows for Word documents
–
View Word documents within Web
browser
Enterprise Edition Sas (BI)
•
Access services
–
Consume Access databases into a
SharePoint site
•
Excel services
–
Work with Excel workbooks embedded
into The site
–
Provide forms to modify cells
–
Use Excel workbooks lo create
programatic application
•
PerformancePoint service application
•
Business Intelligence, dashboard and
key performance indicators
•
Visio Graphics services
•
Render graphical visio diagrams based
on data
•
Diagrams are created within the visio
application
SA Security
•
Improves on SSP security from 2007
–
Claims-based authorization
–
Based on identities and properties of
identities
–
Can be utilized for authentication
with external networks outside of Active Directory
–
Support for SSL
•
Use encryption between WFE’s and
application servers
–
Applications are isolated
–
A separate database is used for each
application
–
A separate application pool may be
used
–
Multiple service applications may be
deployed with different accounts and different databases
SA Benefits
•
Granular deployment
–
Install on the server end then
disable all features except the one needed
•
Configuration flexibility
–
SA proxy can take care of network
load balancing by using round-robin Techniques
•
Administration delegation
•
Sharing of services across Web
applications and even server forms
SA Communication Process
Subscribe to:
Comments (Atom)