+ All Categories
Home > Documents > WikiPlus customizations

WikiPlus customizations

Date post: 23-Feb-2016
Category:
Upload: harsha
View: 58 times
Download: 0 times
Share this document with a friend
Description:
WikiPlus customizations. Fine tune your WikiPlus solution. What’s on the agenda?. Branding and layout Modify the WikiPlus content type Customize the editor's toolbar Customize the following editor dropdowns "Custom Links“ "Content Snippets " "Wiki markup " "Paragraph Style " - PowerPoint PPT Presentation
23
WikiPlus customizations Fine tune your WikiPlus solution
Transcript
Page 1: WikiPlus customizations

WikiPlus customizations

Fine tune your WikiPlus solution

Page 2: WikiPlus customizations

What’s on the agenda?

Branding and layout Modify the WikiPlus content type Customize the editor's toolbar Customize the following editor dropdowns – "Custom Links“– "Content Snippets"– "Wiki markup"– "Paragraph Style"

Customize Emoticons

Page 3: WikiPlus customizations

What’s on the agenda?

Change the file size limit for upload Change the available libraries under the file

managers

Page 4: WikiPlus customizations

Branding and layout

All WikiPlus style sheet files are located under:– C:\Program Files\Common Files\Microsoft Shared\web

server extensions\14\TEMPLATE\LAYOUTS\ KWizCom_WikiPlus\css

WikiPlus uses the OOTB default master page located under:– C:\Program Files\Common Files\Microsoft Shared\web

server extensions\14\TEMPLATE\LAYOUTS\default.master

Page 5: WikiPlus customizations

Branding and layout

Defaultwiki.css contains the styles for the wiki site elements (Title, search, navigation, etc.)

KWizCom_WikiPlus.css contains styles for the tag cloud web part, editor elements styles

Page 6: WikiPlus customizations

Layout customization example

Customize the default style for tables in the WikiPlus content editor:– Locate ConfigFile.xml file under:

C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\KWizCom_WikiPlus\RadControls\Editor

– Add a new property called “TableLayoutCssFile” under the ‘Configuration’ container, The value of the property has to point to a CSS file*

– Create the CSS file in the location specified in the “TableLayoutCssFile”

Page 7: WikiPlus customizations

Layout customization example

– Find the SPEditorTools.js file under:C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\KWizCom_WikiPlus\RadControls\Editor

– Add an entry under InsertTable like so:e.className= “MyClassTable”

– Comment out the rest of the style definitions

Page 8: WikiPlus customizations

Layout customization example

Relative URL to the CSS

file location

ConfigFile.xml:

Page 9: WikiPlus customizations

Layout customization example

New table style definition CSS

CSS folder:

Page 10: WikiPlus customizations

Layout customization example CSS file:

Page 11: WikiPlus customizations

Layout customization example

SPEditorTools.js :

Page 12: WikiPlus customizations

Modify the WikiPlus content type

Each WikiPlus library inherits the WikiPlus content type

WikiPlus content type is available under the site collection content types

Add or remove fields from the WikiPlus content type– Note adding a field will not automatically add it to a

WikiPlus page view

Page 13: WikiPlus customizations

Customize the editor's toolbar

The toolbar is configured using an XML ToolsFile, which defines:– The available buttons and their order – specific options (if any) for the respective tools (i.e. Fonts,

Colors collection, etc.) The ToolsFile is located in:“C:\Program Files\Common Files\Microsoft Shared\web server extensions\14\TEMPLATE\LAYOUTS\KWizCom_Wikiplus\RadControls\Editor” folder, on your SharePoint server.

Page 14: WikiPlus customizations

Customize toolbar dropdowns

Custom links dropdown:– contains a pre-defined list of internal/external links– To customize:

• Locate the <links> node in ToolsFile.xml file• Every displayed link in the "Custom Links" drop-down is

represented by a <link> node below the <links> container• Update <link> nodes according to your desired links

Page 15: WikiPlus customizations

Customize toolbar dropdowns

Customize content snippets:– contains a pre-defined list of html snippets– To customize:

• Locate the <snippets> node in ToolsFile.xml• Update or add <snippet> nodes below the <snippets> container

node

Page 16: WikiPlus customizations

Customize toolbar dropdowns

Customize Wiki markup dropdown:– contains a pre-defined list of wiki markup scripts– To customize:

• Locate the <tool name="WikiMarkup" … /> node in ToolsFile.xml• Every <item> node below contains a displayed caption and text

that is inserted into the editor once this command is selected• Update existing <item> nodes or add new ones

Page 17: WikiPlus customizations

Customize toolbar dropdowns

Customize Paragraph style dropdown:– contains a pre-defined list of paragraph styles that can be

applied to selected text– To customize:

• Locate the <paragraphs> node in ToolsFile.xml• Add a <paragraph> node for every paragraph style you want to

appear in this drop-down. • The <paragraph> node should include a caption and a valid style

name (which is defined in Wiki Plus stylesheet files)

Page 18: WikiPlus customizations

Customize Emoticons

The emoticon icon which you to add emoticons on your wiki page

You may want to add or remove the emoticons, or create your own collection, to do so:– Go to the top level site> View all site content– Open the “WikiPlus emoticons” library– Upload, edit or delete emoticons (The title is used as an

alternative text for the emoticon)

Page 19: WikiPlus customizations

Change the file size limit for upload The editor includes a pre-defined uploaded file size The default maximum file size that you can upload is 4096kB, to

customize:– Locate the relevant node in ToolsFile.xml:

• Image Manager: – <property name="MaxImageSize">[file size in bytes]</property

• Flash Manager:– <property name="MaxFlashSize">[file size in bytes]</property>

• Media Manager:– <property name="MaxMediaSize">[file size in bytes]</property>

• Document Manager: – <property name="MaxDocumentSize">[file size in bytes]</property>

• Visio Manager:– <property name="MaxVisioSize">[file size in bytes]</property>

Page 20: WikiPlus customizations

Change Available Libraries Under File Managers

The editor includes pre-defined resource libraries which are available under the different file managers

You may want to inset files from different locations File upload and delete actions can also be restricted

for each manager (by specifying the restricted library path)

Page 21: WikiPlus customizations

Change Available Libraries Under File Managers To customize the available libraries, or restrict upload\delete:

– Locate the relevant node in ToolsFile.xml and specify the relevant pathImage Manager: <property name="ImagesPaths"> </property> <property name="UploadImagesPaths"> </property> <property name="DeleteImagesPaths"> </property>Media Manager:<property name="MediaPaths"> </property> <property name="UploadMediaPaths"> </property> <property name="DeleteMediaPaths"> </property>Document Manager: <property name="DocumentsPaths"> </property> <property name="UploadDocumentsPaths"> </property> <property name="DeleteDocumentsPaths"> </property>

Page 22: WikiPlus customizations

Customization demos

Demo

Page 23: WikiPlus customizations

Additional resources

Visit KWizCom.com to learn more from the WikiPlus user guides


Recommended