villatx.blogg.se - Wiki tab view code with css code

#Wiki tab view code with css code install#
#Wiki tab view code with css code manual#
#Wiki tab view code with css code full#

After it's enabled, you can add freeform JS, rather than only imports. With the exception of imported scripts from the Fandom Developers Wiki through ImportJS, you cannot add custom community JS until you make a request for it to be turned on for your wiki (you can ask your Wiki Representative if you have one assigned, or contact Fandom otherwise). For most communities this doesn't matter, but if you use both pages and rules (such as for importing custom fonts), then these rules must be added at the top of MediaWiki:Common.css to function. When viewing a page, the code in MediaWiki:Common.css and in MediaWiki:Fandomdesktop.css is combined together, with MediaWiki:Common.css coming first. Another board, Designing Your Wiki, is a great place to get help from other users if needed.īoth MediaWiki:Common.css and MediaWiki:Fandomdesktop.css can be used for customizing a wiki's layout. The Community Central Technical Updates board contains periodic updates about changes that might affect your customizations. You can also access this page from the Admin Dashboard via the "CSS" link.

To customize your community's CSS, simply edit the wiki's MediaWiki:Common.css page.

There are some limits as to what and how you can customize things, as both our customization policy and Terms of Use explain in greater detail.

Use the Theme Designer first, before attempting any CSS customization - it'll likely make your life a lot easier.

But there are two important things to keep in mind as you do: Local customization offers great challenge and satisfaction to many editors, so we at Fandom encourage you to try your hand at it.

#Wiki tab view code with css code manual#

Note that installing Extensions when being offline is currently not supported and you'd need to use some complex manual method.Through community CSS and JavaScript, local administrators can affect the way all visitors- logged in or not-see their wikis on desktop and tablets.

#Wiki tab view code with css code install#

We recommend using the Extension Manager to install this extension (Make sure that the text "Installable with the Extension Manager" is displayed at the top right location on this page to know if this extension can be installed with the Extension Manager). Prerequisites & Installation Instructions

#Wiki tab view code with css code full#

If I want display a data (e.g a textarea comment) on full width of the page, I simply don't fill PrettyName of the property and BootstrapTabSheet will display data on one column. To display tooltips, in BootstrapTabClass I paste in the PrettyName of a property this HTML span tag code: My PrettyName icon:lightbulb : Large column

Here a screenshot of BootstrapTabClass and result to understand better:

and HTML code to start a new tab: Another Comment with large width.

Here, first HTML code to display all tabs on top of page: ▼ Tab one ▼ Tab two ▼ My last tab My Tab one H4 title My bloc title.

For this property I use Computed Field type property because it is unnecessary to store data in this field. This PrettyName value of this specific field contains of course HTML code for my tabs (and bloc). In this case, I display only the PrettyName value. I use a classic loop to display all my field/properties except for field who's the name starting with 'CodeH_' string. I use a classic loop to display all my field/properties but I insert some HTML code for tab and tooltips. Here velocity code in my BootstrapTabSheet sheet:

and finally some velocity instruction in my BootstrapTabSheet to display HTML code or not depending of property name.

some short CSS instruction to apply only in view mode in an XWiki.StyleSheetExtension Objects attached to the Class by example BootstrapTabClass.

some javascript code to save last opened tab when we edit or view a page to stay on same opened tab in an XWiki.JavaScriptExtension object attached to the Sheet BootstrapTabSheet.

some CSS instruction to display tabs and tooltips in a XWiki.StyleSheetExtension Objects attached to the Sheet BootstrapTabSheet.

a nice application under Sandbox space with a Class BootstrapTabClass, Template BootstrapTabTemplate and Sheet BootstrapTabSheet.

My Xar extension BootstrapTabExample-0.9.xar provide 4 pages in Sandbox space: BootstrapTabExample, BootstrapTabClass, BootstrapTabSheet and BootstrapTabTemplate. This page is more an howto doc about xwiki application rendering than an extension. I have an xWiki application with data and I want simply add tabs presentation and tooltip help.