Skip to main content

Developer Portal Menu Management

Overview​

This tutorial guides you through managing the navigation menu structure of the Developer Portal. You can configure multi-level menus for the top navigation bar, link each item to content or URLs, and write detailed HTML-based pages for terminal menu nodes. The structure supports up to 3 levels of depth.

Prerequisites​

To access menu management:

  • You must have Administrator access
  • Go to: Admin > Menu Management

Step-by-Step Tutorial​

Step 1. Understand Menu Hierarchy​

The menu is composed of multiple levels:

  • Level 1: Top Navigation (e.g., Product, Application, Document, Forum)
  • Level 2: Sub-menu group (e.g., All APIs, pentest)
  • Level 3: Terminal nodes (e.g., Ver.1, Guide), where content can be added

Only Level 3 menus can have editable content pages.

Step 2. Add or Edit Menu Items​

A. To Add a New Menu Item:

  • Click the + icon next to the desired parent menu
  • Enter the menu title (e.g., User Guide)
  • Choose visibility (Visible / Hidden)
  • Click Register

B. To Edit Existing Items:

  • Click the pencil icon next to a menu
  • Change the name or reorder as needed
  • Click Save to apply

Step 3. Write or Edit Menu Content (Level 3 Only)​

To edit content of a terminal node:

  • Select a menu like Document > Ver.1
  • On the right pane, enter: | Field | Example | | --- | --- | | Title | Ver. 1
    | | Visible | Checked | | Content | Rich text (HTML editor) |

Rich Content Examples:

# API Onboarding Process
## 1. Register an Application  
Sign up and register your application in the **Application > My Applications** section.
## 2. Set Up IP Referrer and Request Access  
Configure IP Referrers and submit your API usage request via **Application > My Applications > API Usage**.
## 3. Test and Use APIs  
Once approved, test your API in the **Test** tab or begin actual usage.
## 4. Manage Team Members  
Add teammates to your registered application in **Application > My Applications > Members**.

Add Images or Files:

  • Use the Add Image or Add File buttons
  • Uploaded files will appear under the editor and be attachable to content

Editor supports headers, formatting, links, tables, and inline HTML.

Step 4. Save Menu Content​

  • Once editing is complete, click the Save button at the bottom of the content pane
  • Confirm that the content renders correctly when visiting the Developer Portal

Best Practices​

  • Use a clear, hierarchical structure to organize APIs and guides
  • Group API references by domain or product lines (e.g., /AI, /Security, /OpenAPI)
  • Keep menu titles concise (under 25 characters for readability)
  • Use the HTML editor to enhance readability with headers, links, and styling
  • Periodically review for broken links or outdated content