Skip to main content

Web Interface

The Sync-in web interface provides a modern, clean, and modular navigation experience, structured around several functional areas to maximize efficiency.

Features​

  • 🧭 Smooth navigation across main applications.
  • 🧱 Smart contextual menu that adapts to the selected app and available actions.
  • 🖱️ Full right-click menu on each item for quick access to main actions.
  • 📁 Dynamic content area with list or gallery view, sorting, filtering, and contextual actions based on selection.
  • 🧵 Interactive breadcrumb navigation to quickly move up the folder or menu hierarchy.
  • 🌙 Light and dark themes: the interface automatically adapts to your system environment.

Organization​

This section describes the main components of the Sync-in web interface to help you better understand its structure and usage.

Web UIWeb UI

1. Application bar (left sidebar)

  • Provides access to core applications: Files, Search, Sync, Account, Admin, etc.
  • The Sync-in icon (first item at the top left) toggles the navigation menu 2.
  • Hovering over the app icons triggers the display of corresponding submenus in navigation menu 2.

2. Application navigation menu

  • Displays the specific menus for the selected app from the application bar 1.

3. Application name

  • Displays the name of the currently selected or hovered app.
  • Chevron buttons on the right let you go back or forward along the navigation path.

4. Breadcrumb trail

  • Shows the title and icon of the active menu (from navigation menu 2).
  • In some apps, such as Files, it displays the full path of the current folder, with each segment clickable to move up in the hierarchy.

5. Contextual bar (right sidebar)

  • Expands or collapses when an icon is selected.
  • Shows the user avatar (top right), with access to preferences.
  • Also displays online users, notifications, and tasks.
  • May provide extra features depending on the active app (e.g. Comments, Tree view, Window manager, etc.).

6. Contextual panel

  • Displays the content or functionality linked to the icon selected in the contextual bar 5.

7. Application action bar

  • Shows the actions relevant to the current app (e.g. Create, Download, Share), based on the menu selected in 2.
  • Lets you change the view in content area 8 (e.g. list or gallery).
  • Also offers filtering options for the items displayed in area 8.

8. Content area

  • Displays the content corresponding to the selected menu from 2.
  • For example, in Files, it lists the files and folders of the current directory.

9. Context menu (right-click)

  • Gathers all available actions for the selected item (e.g. View, Rename, Comment, Share, Delete), complementing the action bar 7.