Office365 :Corporate Site Template App
On SharePoint
A tribute to an old fellow, parting from Office365 world , a public facing Office 365 site like you never experience. Single click deployment.
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 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.
Main template of the site and it consists of 4 different components:
FAQs
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
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
- Header
- Site Logo
- Menu
- Search box
- Contact Number Icon
- Spotlight
- Article Roll-up
- Footer
- Social links
- Additional links
- 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.
|
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
To get the app, Please download the source code from msdn code gallery here
Amr Fouad
Technologist ,Egyptian 🇪🇬, Traveller ✈️ @OfficeDev MVP ,Speaker, Anime fan and huge believer
No Comment to " Office365 :Corporate Site Template App "