Home > Structure > English > Manuals > p-admin manuals > interface & design > Create a Navigation fact
A newer version of this fact exists. (view)

Create a Navigation fact
 

A Navigation Fact, a fact that will have links to various folders or facts (Link to an infoID ("factlink")), that then can be altered via CSS.

 

This way, these links can then be made to appear as Buttons.

 

  1. Create a new text fact, inside the Design and Layout Folder on your platform.
  2. Note the factID of this new Navigation fact.
  3. Access the Padmin Interface of your Server.
  4. On the left side of the Interface access the "Messages"-Section.
  5. Then click on the Symbol to the right of "Options area (left frame) texts"  in the "Modify"-Column.
  6. Include the fact, that was created in Step 1 in the above field:
    You can do this with the factID of the fact. Just be sure to use the Version-Number "0". This way, always the newest version of the fact is used.

    Code-Example:

    <factinclude ID.0 display="text" nobreak="1"/>

The fcs-tags of the factinclude are essential, otherways the the navigation fact may not be displayed correctly.

 

 

Now that the fact is included, we need to fill it with Buttons.

 

The Buttons, are simple Links inside of the platform. For example a factlink to a Folder.

Edit your navigation-fact and switch to HTML-Mode.

 

the content of the Text-field in HTML-Mode should look like this:

 

<tinymceformatting><html>

</html>

 

Now we need to add a factlink inbetween the <html> </html> tags.

 

Example:

 

<factlink 3222740.1>BTB - Bautagebuch</factlink>

 

But this Example only creates a simple link.

 

this is why we surround "BTB - Bautagebuch" with <div> </div> tags.

 

<factlink 3222740.1><div>BTB - Bautagebuch</div></factlink>

 

and this <div>-tag we can now customize by simply adding style="  " to the <div>-tag.

 

<factlink 3222740.1><div style=" ">BTB - Bautagebuch</div></factlink>

 

Now we have a place to add our CSS-Syntax:

 

First we want our Buttons to have a little bit of space around them, so they don't look like they are sticking directly to other buttons, that might be created later on. This is why we first add a margin:

 

<factlink 3222740.1><div style=" margin: 5px; ">BTB - Bautagebuch</div></factlink>

 

Now we want to surround the Button with a border, so i actually looks like a Button. We want this border to be 1px thick, solid and black :

 

<factlink 3222740.1><div style=" margin: 5px; border: 1px solid black;">BTB - Bautagebuch</div></factlink>

 




Metainfo:
Author: factline Webservices GmbH; Copyright: factline Webservices GmbH; Published by: factline Webservices GmbH (factline2)
factID: 5887607.3 (...history); published on 24 Jul. 2015 14:40; Date: 24 Jul. 2015 11:31

 
Shortcuts:
Structure  >  English  >  Manuals  >  p-admin manuals  >  interface & design