nav-pro reactor docs

docs/css/extra.css

@@ -152,4 +152,14 @@ iframe.changelog {
 /* badges */
 img.ext-badge {
     height: 22px;
-}
+}
+
+/* general */
+h2 {
+    clear: both;
+}
+
+a.glightbox img {
+    padding: 4px;
+    border: 1px solid #ccc;
+}

docs/espocrm-extensions/nav-pro/overview.md

@@ -0,0 +1,69 @@
+# Espocrm Nav Pro <a href="https://www.eblasoft.com.tr/espocrm-extension-page/espocrm-navigation-pro" target="_blank" id="ext-version" data-id="6368dc68d112fabca"></a>
+
+## Overview
+Ebla Nav Pro is an extension for EspoCRM that enhances the navigation experience by introducing several new features and improvements to the navigation system.
+
+- Quick add buttons.
+- Custom links.
+- Mouse hover open sub-menu.
+- Favorites menu
+- Favorites tabs section
+- Menu separator line.
+
+These features aim to streamline the navigation process, improve user productivity, and provide a more intuitive and efficient user experience within EspoCRM.
+
+## 1. Quick Add Buttons
+
+Ebla Nav Pro introduces quick add buttons for creating new group, url & divider directly from the tab list field.
+
+See the image on the right (click on the picture to see the full size).
+
+![nav-pro-quick-add-buttons](../../_static/images/espocrm-extensions/nav-pro/nav-pro-quick-add-buttons.png){ width=500px }
+
+## 2. Open in New Tab
+
+!!! note "Note"
+    Custom links added to EspoCRM since 8.2.0 version, for older versions, Ebla Nav Pro extension is required.
+
+Espocrm Nav Pro allows users to open custom links in a new tab, see the image below.
+
+![nav-pro-open-in-new-tab](../../_static/images/espocrm-extensions/nav-pro/nav-pro-open-in-new-tab.png){ width=500px }
+
+## 3. Mouse Hover Sub Menu
+
+With Ebla Nav Pro, hovering over menu items opens a sub-menu, enhancing navigation efficiency. The extension supports hover indent areas for better UX, ensuring making it smooth and intuitive navigation.
+
+![nav-pro-mouse-hover-sub-menu](../../_static/images/espocrm-extensions/nav-pro/nav-pro-hover-indent-area.png){ width=500px }
+
+## 4. Favourite Menu on Top Navigation Bar
+
+Users can mark records as favorites, and Ebla Nav Pro displays a dedicated Favourites menu on the top navigation bar for quick access to these records. This feature streamlines the workflow by providing easy access to frequently accessed records.
+
+!!! note "Note"
+    Favourite records added to EspoCRM since 8.3.0 version, for older versions, Ebla Nav Pro extension is required.
+
+![nav-pro-favourites-menu](../../_static/images/espocrm-extensions/nav-pro/nav-pro-favourite-records-menu.png){ width=500px }
+![nav-pro-favourites-menu](../../_static/images/espocrm-extensions/nav-pro/nav-pro-favourite-records-button.png){ width=500px }
+
+## 5. Favourites Tabs Section
+
+This feature allow espocrm  users to have a section in the nav tabs for their favourite screens on the fly like account or contacts.
+
+![nav-pro-menu-separator-line](../../_static/images/espocrm-extensions/nav-pro/nav-pro-favourite-tabs-section.png){ width=500px }
+![nav-pro-menu-separator-line](../../_static/images/espocrm-extensions/nav-pro/nav-pro-favourite-tabs-section-2.png){ width=500px }
+
+<iframe width="500" height="275" src="https://www.youtube.com/embed/ncVHWC0pPug?si=Zm5tt84jvwFT-LDy" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+## 6. Menu Separator Line
+Ebla Nav Pro includes a menu separator line feature, allowing users to visually organize the navigation menu by adding separators between menu items. This feature improves the clarity and structure of the navigation menu.
+To add a separator line, just add divider and leave the Label field empty.
+This is only for side menu.
+
+![nav-pro-menu-separator-line](../../_static/images/espocrm-extensions/nav-pro/nav-pro-line-separator.png){ width=500px }
+
+## Support
+For any questions, issues, or feedback regarding Ebla Nav Pro extension, please contact us to [email protected] or refer to the official Eblasoft support portal to log a ticket.
+
+## ChangeLog
+
+<div class="change-log-wrapper" data-id="6368dc68d112fabca"></div>

docs/index.md

@@ -96,12 +96,7 @@ Here is the list sorted alphabetically:
   * [Features](espocrm-extensions/mobile-app/overview.md)
   * [ChangeLog](espocrm-extensions/mobile-app/changelog.md)
 
-* [Navigation Pro](espocrm-extensions/nav-pro/custom-links-with-tabs.md)
-  * [Custom Links With Tabs](espocrm-extensions/nav-pro/custom-links-with-tabs.md)
-  * [Favorite Entities](espocrm-extensions/nav-pro/favorite-entities.md)
-  * [Favorite Records](espocrm-extensions/nav-pro/favorite-list.md)
-  * [Separator](espocrm-extensions/nav-pro/separator.md)
-  * [ChangeLog](espocrm-extensions/nav-pro/changelog.md)
+* [Nav Pro](espocrm-extensions/nav-pro/overview.md)
 
 * [Print](espocrm-extensions/print/overview.md)
   * [ChangeLog](espocrm-extensions/print/changelog.md)

mkdocs.yml

@@ -15,6 +15,9 @@ extra:
     provider: google
     property: G-ZBGS3K1JEH
 
+plugins:
+  - glightbox
+
 markdown_extensions:
   - attr_list
   - md_in_html
@@ -168,12 +171,7 @@ nav:
               - Overview: 'espocrm-extensions/mobile-app/providers/telegram/overview.md'
               - Setup: 'espocrm-extensions/mobile-app/providers/telegram/setup.md'
 
-  - Navigation Pro:
-      - Features:
-          - Custom Links with Tabs: 'espocrm-extensions/nav-pro/custom-links-with-tabs.md'
-          - Favorite Entities: 'espocrm-extensions/nav-pro/favorite-entities.md'
-          - Favorite Records: 'espocrm-extensions/nav-pro/favorite-records.md'
-          - Separator: 'espocrm-extensions/nav-pro/separator.md'
+  - Nav Pro: 'espocrm-extensions/nav-pro/overview.md'
 
   - Print: 'espocrm-extensions/print/overview.md'