Sunday, 8 February 2015

Office365 :Corporate Site Template App

A tribute to an old fellow, parting from Office365 world , a public facing Office 365 site like you never experience. Single click deployment.

What is corporate site template App?

It’s a simple provider hosted SharePoint app that will convert your SharePoint public facing site, or your publishing site to a responsive site.
Once you add the app to your SharePoint site it will copy some files (Master pages and page layouts) to the Master Page Gallery under a folder named Custom.

Note: Make sure that you don’t have a folder with the same name otherwise all the files with similar names within the custom folder will be overwritten.


In the below screenshot you can see the files copied to the custom folder

In addition to that the app will upload a new PublishingImageRenditions.xml file to the root folder of the Master Page Gallery.

The app will not only copy custom files to master page library but also will create some custom lists and pages in your SharePoint site.
Installation Steps

1. Create QueryPropertiesTemplate Document Library 
In your website create new document library and name it QueryPropertiesTemplate, upload this xml file to it.
2. Make sure that your page library have the required checkout before editing.
Go to your website update the page library versioning settings to allow checkout before edit

3. Add the app to your site using.

Add the app to your site and wait for the app to be successfully added and all the related SharePoint artifacts are created.

What are the App components?

Pages



Main template of the site and it consists of 4 different components:

  1. Header
    1. Site Logo
    2. Menu
    3. Search box
    4. Contact Number Icon
  2. Spotlight
  3. Article Roll-up
  4. Footer
    1. Social links
    2. Additional links
    3. Copyright Text.



Meet Our Team

Page list the current organization team member contact cards, it reads the information from the team member custom list which will be explained later in this document.

Contact Us 

Display page content as HTML and below it a location map read from the office location item in the configuration list.

FAQs Page

Read the FAQs from FAQs list, in the top area the user can filter by FAQ categories (stored in another list also created by the app)

Gallery Page

Image Gallery list all the images from a library, user can change the source image library by changing a configuration Item in the Configuration list.


Custom Lists


Configuration List

Created by the app to store the configuration values, below is the description:

Title
ConfigValue
Description
MainMenuTermSetId

Store the value of the navigation term set, Leave it blank in case of public facing website as Managed metadata navigation is not supported in Office365 Public Facing site.
HomePageRollupRenditionID
5
Points to the image rendition created by the app which is used in the home page article rollup component which is below the main home page spotlight.
HomePageSpotlightRenditionID
6
Points to the image rendition created by the app which is used in home page spotlight.
HomePageRollupSearchQuery
querytext='ContentType:"Article Page"'&SelectProperties
='Title,Comments,
PublishingImage,PATH'&rowlimit=7
Can be updated to filter the articles appear in the home page rollup. If you are not familiar with the SharePoint 2013 Search RESTful API please take a look at this link
CopyRight
Copy Right Text
Change this to your own footer copy right text
ContactNumber

Change this to your organization contact number.
OfficeCoordinates
24,54
Your office coordinate which is been displayed in Contact Us page.
TeamPageRenditionID
7
Points to the image rendition created by the app which is used in Team Member page.
GalleryRenditionID
8
Points to the image rendition created by the app which is used in Gallery page.
DefaultImageUrl
/Lists/TempImages/1.jpg
Default Image in case the content image is not added. Currently points to a temp image uploaded by the app.
SearchPage
/pages/searchresults.aspx
Search page URL
ImageGalleryListName
TempImages
Image Library contains the images displayed in the Gallery Page.

FAQs

Created by the app to store the FAQs items, below is the description:

Field
Type
Description
Title
Single Line of Text
The FAQ
FAQValue
HTML
FAQ body
FAQCategory
Lookup
Lookup to FAQ category list


FAQ Categories

Created by the app to store the FAQs items, below is the description:

Field
Type
Description
Title
Single Line of Text
FAQ Category value


Menu Items

Created by the app to store the Menu items, below is the description:

Field
Type
Description
Title
Single Line of Text
Link Text
SocialLink
URL
Link URL
Class
Single Line of Text
Class for Social links and Parent in Main Menu.
MenuContext
Single Line of Text
Represents where the item will be displayed i.e. FOOTER, MAIN, SOCIAL


Please note that if you are using managed navigation (not deploying to Office365 public facing site) the menu items with MAIN context are useless until you make sure that the configuration Item MainMenuTermSetId has empty configuration value.


Spotlight

Created by the app to store the home page spotlight items, below is the description:

Field
Type
Description
Title
Single Line of Text
Link Text
SpotlightDesc
Note
Spotlight item description in plain text format.
SpotlightLink
URL
URL for the spotlight item (internal/External)
SpotlightImage
URL
URL for the spotlight Image.


Team Members List

Created by the app to store the organization team items, below is the description:

Field
Type
Description
Title
Single Line of Text
Employee Name
TeamMemberImage
URL
Image for the team member.
Team Member Role
Single Line of Text
Team member role.
Team Member Desc
Note
Description for the team member role in plain text.
Team Member Email
Single Line of Text
Team member Email
Team Member Phone
Single Line of Text
Team member Phone
Team Member Facebook
URL
Team member Facebook Link
Team Member LinkedIn
URL
Team member Linkedin URL
Team Member Twitter
URL
Team member Twitter URL
Team Member GPlus
URL
Team member Google Plus URL



Temp Image List

This list is just a temporary Image list contains a set of images uploaded by the app


For a working live example to an Office 365 public site with the app installed on it please check 
insightme-public.sharepoint.com


To get the app, Please download the source code from msdn code gallery here


Related Articles

0 comments:

Post a Comment