GuppY Help Center, help online, documentation and tutorials

telecharger.png

You are here :   Welcome » Dropdown menus options
    Print this page...

Dropdown menus options

Options of the dropdown menus

A click on, in the Structure tab Options de menu déroulant  will take you to the configuration page of the options for dropdown menus boxes.

The dropdown menu boxes that you have created in the "dropdown menu boxes" section, are intended  to put together a number of menus and sub-menus which visitors can click to have access to your contents. In the three proposed menus, we have made an ordering of categories, links, which allows you to insert categories, spaced links (020, 030, 040) without having to redo the whole menu.


Below is an example of a horizontal drop-down menu with 3 categories :

122-ddh_menu_boxes_admin_en.jpg
 

There are three categories in this menu: Presentation, GuppY Community and Demos, the small down arrow indicating a content. Then a click on a link displays the content of the link.

This example is that of the demo database included in the GuppY 6 pack, here are the menu options :

125-options_dropdown_menu_boxes_admin_en.jpg

For the vertical drop-down menu, the menu options are the same as for the horizontal pull-down menu, only the display changes.

123-ddv_menu_boxes_admin_en.jpg
 

Always the three categories in vertical presentation, one click on a category to see the links and then on a link to see the content.


A variant with a sub-category that will work with the horizontal drop-down menu and the vertical drop-down menu:

126-options_dropdown_submenu_admin_en.jpg


On this screenshot, you will notice that Demos has become a sub-category of Presentation, with the small arrow pointing to content and the new window with the links.


For the linear drop-down menu, the menu options of the demo base :

127-options_dropdown_ddl_admin_en.jpg

We have 4 categories for the linear drop-down menu with this display:


121-ddl_menu_boxes_admin_en.jpg

To reproduce this positioning, the easiest way is to copy/paste the source code from the Help category and adapt it to your needs.
The advantage is that this positioning is totally responsive on all screen sizes. On smartphones the images will be vertical.

For GuppYLand, GuppYed and asso freeGuppY, it is simply an image, a link and text.

The customization of the drop-down menus is not very simple, in the styleplus.css file the lines 11 and 12 of the skin6_guppy_03, you should not change the max-width values.


 

1. Creating a Dropdown Menu Option:
 

128-create_options_dropdown_menu_admin_en.jpg

Way to proceed:

Noter : each option is to be configured and saved one after the other.

Tip to get started: take a piece of paper (yes you do!) to set up a diagram of your dropdown menu and jot down all the configuration steps as you go. Configure the dropd own menu options one after the other according to the desired display order.

  • Click "Create a menu option".
  • A new page show that provides several input boxes to :
  • Set dropdown menu option state:
  • Active, it will be available for display in the dropdown menu "Introduction"
  • Inactive: this cannot be displayed on the site page as is. For example, when you are working on items that will be listed in a new menu box that you do not wish to make visible right away.
  • Restrict or give access to a private group that you will have determined in "General Management>Data management"
     
  • Program the publication of the option.  Date of start OR date of end in format YYYYMMDDhhmnmn (Year, Month, Day, hour and minutes)
     
  • Then enter the writer's name and their email address in the provided field.
     
  • Input fields Attachment-Number and Title of menu option.
  1. This the first option, so:
  2. Attachment-Number: type 001
  3. Title of option : <!--001-->Introduction
  • Input field "Link address"
  1. For a category, there is no link you put a question mark ?.
  2. For an article, you put the link to the article
  • Zone Select a page configuration: select 3 - articles_faq_telech by default.
  • Box Icon of the menu option. You can choose an icon that will show next to the option title;  for that purpose, please click the icon : "Browse server". In our example, there's no icon.

And eventually, don't forget to click the "save button"... so as to ..."save" your changes!


 

Related links:


Creation date : 07/11/2020 @ 09:17
Category : - Structure
Page read 4832 times