Products

Javascript Menu Tree Admin Builder for FileMaker

JavaScript Menu Tree Admin Builder for FileMaker

♦ The Javascript Series ♦

Intro:

• This demo is intended to display the Builder UI and Sample Menu
    - to learn more about the JS Navigation options, see the link above called "Read Me (Menu Tree Navigation)"
    - a download link is available for "The JS Menu Tree Navigation" file from the Read Me
    - or see "more solutions" link below


Instructions:

• The Menu Tree Builder provides Admin features including
    - Menu Tree Label settings (aka Items)
    - Menu Tree Navigation UI settings (aka Styles)

• Options include:
    - Items
        ~ create New, Edit, Delete existing Labels & Icons (Main/Parent & Nested/Child items)
        ~ set Colour for Icons (able to search for icons by name)
        ~ drag Labels to rearrange their order
        ~ Save (button)

    - Styles
        ~ set Colour, Style, Size for Label Text, ...
        ~ set Thickness, Radius, Colour, Padding for Borders
        ~ set Colour, Style, Size for MouseOver, Active Label
        ~ set Background Colours for Navigation Area & Labels
        ~ Save (button)


Notes:

• Built and tested with FileMaker 19 for PC & Mac and on Local & FM Server installs
• Open source code included:
    - jQuery v3.5.1 | (c) JS Foundation and other contributors | jquery.org/license
    - Font Awesome Free 5.15.1 https://fontawesome.com/license/free
    - Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License

 


Quote
0
items