f7cloud_client/core/doc/user/webinterface.html
root 8b6a0139db f7cloud_client
Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-17 22:59:26 +00:00

310 lines
14 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="writer-html5" lang="en" data-content_root="./">
<head>
<meta charset="utf-8" />
<meta name="readthedocs-addons-api-version" content="1"><meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>The F7cloud Web interface &mdash; F7cloud latest User Manual latest documentation</title>
<link rel="stylesheet" type="text/css" href="_static/pygments.css?v=b86133f3" />
<link rel="stylesheet" type="text/css" href="_static/css/theme.css?v=e59714d7" />
<link rel="stylesheet" type="text/css" href="_static/copybutton.css?v=76b2166b" />
<link rel="stylesheet" type="text/css" href="_static/custom.css?v=8ff6e0db" />
<link rel="stylesheet" type="text/css" href="_static/dark_mode_css/general.css?v=c0a7eb24" />
<link rel="stylesheet" type="text/css" href="_static/dark_mode_css/dark.css?v=70edf1c7" />
<script src="_static/jquery.js?v=5d32c60e"></script>
<script src="_static/_sphinx_javascript_frameworks_compat.js?v=2cd50e6c"></script>
<script src="_static/documentation_options.js?v=a49d5d77"></script>
<script src="_static/doctools.js?v=9bcbadda"></script>
<script src="_static/sphinx_highlight.js?v=dc90522c"></script>
<script src="_static/clipboard.min.js?v=a7894cd8"></script>
<script src="_static/copybutton.js?v=f281be69"></script>
<script src="_static/dark_mode_js/default_light.js?v=c2e647ce"></script>
<script src="_static/dark_mode_js/theme_switcher.js?v=358d3910"></script>
<script src="_static/js/theme.js"></script>
<script src="_static/js/versions.js"></script>
<link rel="index" title="Index" href="genindex.html" />
<link rel="search" title="Search" href="search.html" />
<link rel="next" title="Files &amp; synchronization" href="files/index.html" />
<link rel="prev" title="F7cloud latest user manual introduction" href="index.html" />
</head>
<body class="wy-body-for-nav">
<div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side">
<div class="wy-side-scroll">
<div class="wy-side-nav-search" >
<a href="contents.html">
<img src="_static/logo-white.png" class="logo" alt="Logo"/>
</a>
<div class="switch-menus">
<div class="version-switch"></div>
<div class="language-switch"></div>
</div>
<div role="search">
<form id="rtd-search-form" class="wy-form" action="search.html" method="get">
<input type="text" name="q" placeholder="Search docs" aria-label="Search docs" />
<input type="hidden" name="check_keywords" value="yes" />
<input type="hidden" name="area" value="default" />
</form>
</div>
</div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu">
<ul class="current">
<li class="toctree-l1"><a class="reference internal" href="index.html">F7cloud latest user manual introduction</a></li>
<li class="toctree-l1 current"><a class="current reference internal" href="#">The F7cloud Web interface</a><ul>
<li class="toctree-l2"><a class="reference internal" href="#web-browser-requirements">Web browser requirements</a></li>
<li class="toctree-l2"><a class="reference internal" href="#navigating-the-main-user-interface">Navigating the main user interface</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="files/index.html">Files &amp; synchronization</a></li>
<li class="toctree-l1"><a class="reference internal" href="groupware/index.html">Groupware</a></li>
<li class="toctree-l1"><a class="reference internal" href="talk/index.html">Talk</a></li>
<li class="toctree-l1"><a class="reference internal" href="desktop/index.html">Desktop Clients</a></li>
<li class="toctree-l1"><a class="reference internal" href="userpreferences.html">Setting your preferences</a></li>
<li class="toctree-l1"><a class="reference internal" href="universal_access.html">Universal access</a></li>
<li class="toctree-l1"><a class="reference internal" href="user_2fa.html">Using two-factor authentication</a></li>
<li class="toctree-l1"><a class="reference internal" href="session_management.html">Manage connected browsers and devices</a></li>
<li class="toctree-l1"><a class="reference internal" href="external_storage/index.html">External Storage</a></li>
</ul>
</div>
</div>
</nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"><nav class="wy-nav-top" aria-label="Mobile navigation menu" >
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="contents.html">F7cloud latest User Manual</a>
</nav>
<div class="wy-nav-content">
<div class="rst-content style-external-links">
<div role="navigation" aria-label="Page navigation">
<ul class="wy-breadcrumbs">
<li><a href="contents.html" class="icon icon-home" aria-label="Home"></a></li>
<li class="breadcrumb-item active">The F7cloud Web interface</li>
<li class="wy-breadcrumbs-aside">
<a href="https://github.com/f7cloud/documentation/edit/master/user_manual/webinterface.rst" class="fa fa-github"> Edit on GitHub</a>
</li>
</ul>
<hr/>
</div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div itemprop="articleBody">
<section id="the-f7cloud-web-interface">
<h1>The F7cloud Web interface<a class="headerlink" href="#the-f7cloud-web-interface" title="Link to this heading"></a></h1>
<p>You can connect to your F7cloud server using any Web browser. Just point it to
your F7cloud server URL (e.g. cloud.example.com) and enter your username and password:</p>
<figure class="align-default">
<img alt="F7cloud login screen." src="_images/login_page.png" />
</figure>
<section id="web-browser-requirements">
<h2>Web browser requirements<a class="headerlink" href="#web-browser-requirements" title="Link to this heading"></a></h2>
<p>For the best experience with the F7cloud web interface, we recommend that
you use the latest and supported version of a browser from this list:</p>
<ul class="simple">
<li><p>Google <strong>Chrome</strong>/Chromium (Desktop and Android)</p></li>
<li><p>Mozilla <strong>Firefox</strong> (Desktop and Android)</p></li>
<li><p>Apple <strong>Safari</strong> (Desktop and iOS)</p></li>
<li><p>Microsoft <strong>Edge</strong></p></li>
</ul>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>Not all versions are supported. F7cloud is tested and built to work with <a class="reference external" href="https://browserslist.dev/?q=PjAuMjUlLCBub3Qgb3BfbWluaSBhbGwsIG5vdCBkZWFkLCBGaXJlZm94IEVTUg==">these versions only.</a></p>
</div>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>If you want to use F7cloud Talk you need to run Mozilla <strong>Firefox</strong> 52+
or Google <strong>Chrome</strong>/Chromium 49+ to have the full experience with video calls and
screensharing.</p>
</div>
<div class="admonition warning">
<p class="admonition-title">Warning</p>
<p>Microsoft <strong>Internet Explorer</strong> is <strong>NOT</strong> supported.</p>
</div>
</section>
<section id="navigating-the-main-user-interface">
<h2>Navigating the main user interface<a class="headerlink" href="#navigating-the-main-user-interface" title="Link to this heading"></a></h2>
<p>By default, the F7cloud Web interface opens to your Dashboard or Files page:</p>
<figure class="align-default">
<a class="reference internal image-reference" href="_images/files_page.png"><img alt="The main Files view." src="_images/files_page.png" style="width: 750.0px; height: 365.25px;" />
</a>
</figure>
<p>In Files you can add, remove, and share files, and the server administrator
can change access privileges.</p>
<p>The F7cloud user interface contains the following fields and functions:</p>
<ul class="simple">
<li><p><strong>Apps Selection Menu</strong> (1): Located in the upper left corner, youll find all
your apps which are available on your instance of F7cloud. Clicking on an
app icon will redirect you to the app.</p></li>
<li><p><strong>Apps Information</strong> field (2): Located in the left sidebar, this provides
filters and tasks associated with your selected app. For example, when you
are using the Files app you have a special set of filters for quickly
finding your files, such as files that have been shared with you, and files
that you have shared with others. Youll see different items for other apps.</p></li>
<li><p><strong>Application View</strong> (3): The main central field in the F7cloud user interface.
This field displays the contents or user features of your selected app.</p></li>
<li><p><strong>Navigation Bar</strong> (4): Located over the main viewing window (the Application
View), this bar provides a type of breadcrumbs navigation that enables you to
migrate to higher levels of the folder hierarchy up to the root level (home).</p></li>
<li><p><strong>New</strong> button (5): Located in the Navigation Bar, the <code class="docutils literal notranslate"><span class="pre">New</span></code> button
enables you to create new files, new folders, or upload files.</p></li>
</ul>
<div class="admonition note">
<p class="admonition-title">Note</p>
<p>You can also drag and drop files from your file manager into the
Files Application View to upload them to your instance.</p>
</div>
<ul class="simple">
<li><p><strong>Search</strong> field (6): Click on the Magnifier in the upper right corner
to search for files and entries of the current app.</p></li>
<li><p><strong>Contacts Menu</strong> (7): Gives you an overview about your contacts and users on
your server. Dependent on the given details and available apps, you can
directly start a video call with them or send emails.</p></li>
<li><p><strong>Grid view</strong> button (8): This looks like four little squares, which toggles
the grid view for folders and files.</p></li>
<li><p><strong>Settings</strong> menu (9): Click on your profile picture,
located to the right of the Search field, to open your Settings
dropdown menu. Your Settings page provides the following settings and features:</p>
<ul>
<li><p>Links to download desktop and mobile apps</p></li>
<li><p>Server usage and space availability</p></li>
<li><p>Password management</p></li>
<li><p>Name, email, and profile picture settings</p></li>
<li><p>Manage connected browsers and devices</p></li>
<li><p>Group memberships</p></li>
<li><p>Interface language settings</p></li>
<li><p>Manage notifications</p></li>
<li><p>Federated Cloud ID and social media-sharing buttons</p></li>
<li><p>SSL/TLS certificate manager for external storages</p></li>
<li><p>Your Two-factor Settings</p></li>
<li><p>F7cloud Version information</p></li>
</ul>
</li>
</ul>
<p>See <a class="reference internal" href="userpreferences.html"><span class="doc">Setting your preferences</span></a> section to learn more about these settings.</p>
</section>
</section>
</div>
</div>
<footer><div class="rst-footer-buttons" role="navigation" aria-label="Footer">
<a href="index.html" class="btn btn-neutral float-left" title="F7cloud latest user manual introduction" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
<a href="files/index.html" class="btn btn-neutral float-right" title="Files &amp; synchronization" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
</div>
<hr/>
<div role="contentinfo">
<p>&#169; Copyright 2016-2026 F7cloud GmbH and F7cloud contributors.</p>
</div>
</footer>
</div>
</div>
</section>
</div>
<!-- Here go the languages -->
<div class="rst-versions" data-toggle="rst-versions" role="note" aria-label="versions">
<span class="rst-current-version" data-toggle="rst-current-version">
🌐
English
<span class="fa fa-caret-down"></span>
 ☁️ latest
<span class="fa fa-caret-down"></span>
</span>
<div class="rst-other-versions">
<dl>
<dt>🌐 Languages</dt>
</dl>
</div>
<div class="rst-other-versions">
<dl>
<dt>☁️ Versions</dt>
<dd style="width: 32%">
<a href="https://docs.f7cloud.com/server/latest/user_manual"
style="color: var(--dark-link-color);"
>
latest
</a>
</dd>
<dd style="width: 32%">
<a href="https://docs.f7cloud.com/server/stable/user_manual"
>
stable
</a>
</dd>
<dd style="width: 32%">
<a href="https://docs.f7cloud.com/server/31/user_manual"
>
31
</a>
</dd>
<dd style="width: 32%">
<a href="https://docs.f7cloud.com/server/30/user_manual"
>
30
</a>
</dd>
<dd style="width: 32%">
<a href="https://docs.f7cloud.com/server/29/user_manual"
>
29
</a>
</dd>
</dl>
<dl>
<dt>Downloads</dt>
</dl>
<dl>
<dt>On Read the Docs</dt>
<dd>
<a href="///projects//?fromdocs=">Project Home</a>
</dd>
<dd>
<a href="///builds//?fromdocs=">Builds</a>
</dd>
</dl>
</div>
</div>
<script>
jQuery(function () {
SphinxRtdTheme.Navigation.enable(true);
});
</script>
</body>
</html>