Wikiplus customizations
This presentation is the property of its rightful owner.
Sponsored Links
1 / 23

WikiPlus customizations PowerPoint PPT Presentation


  • 87 Views
  • Uploaded on
  • Presentation posted in: General

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 "

Download Presentation

WikiPlus customizations

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Wikiplus customizations

WikiPlus customizations

Fine tune your WikiPlus solution


What s on the agenda

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


What s on the agenda1

What’s on the agenda?

  • Change the file size limit for upload

  • Change the available libraries under the file managers


Branding and layout

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


Branding and layout1

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


Layout customization example

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”


Layout customization example1

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 InsertTablelike so:

    e.className= “MyClassTable”

  • Comment out the rest of the style definitions


Layout customization example2

Layout customization example

  • ConfigFile.xml:

Relative URL to the CSS file location


Layout customization example3

Layout customization example

  • CSS folder:

New table style definition CSS


Layout customization example4

Layout customization example

  • CSS file:


Layout customization example5

Layout customization example

  • SPEditorTools.js :


Modify the wikiplus content type

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


Customize the editor s toolbar

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.


Customize toolbar dropdowns

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


Customize toolbar dropdowns1

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


Customize toolbar dropdowns2

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


Customize toolbar dropdowns3

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 inToolsFile.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)


Customize emoticons

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)


Change the file size limit for upload

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 inToolsFile.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>


Change a vailable libraries under file managers

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)


Change a vailable libraries under file managers1

Change Available Libraries Under File Managers

  • To customize the available libraries, or restrict upload\delete:

    • Locate the relevant node inToolsFile.xml and specify the relevant path

      Image 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>


Customization demos

Demo

Customization demos


Additional resources

Additional resources

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


  • Login