filesweb.html 16.9 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>Accessing your Files Using the Web Interface &mdash; ownCloud User Manual 7.0 documentation</title>
    
    <link rel="stylesheet" href="../_static/style.css" type="text/css" />
    <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
    <link rel="stylesheet" href="../_static/style.css" type="text/css" />
    <link rel="stylesheet" href="../_static/bootstrap-sphinx.css" type="text/css" />
    
    <script type="text/javascript">
      var DOCUMENTATION_OPTIONS = {
        URL_ROOT:    '../',
        VERSION:     '7.0',
        COLLAPSE_INDEX: false,
        FILE_SUFFIX: '.html',
        HAS_SOURCE:  true
      };
    </script>
    <script type="text/javascript" src="../_static/jquery.js"></script>
    <script type="text/javascript" src="../_static/underscore.js"></script>
    <script type="text/javascript" src="../_static/doctools.js"></script>
    <script type="text/javascript" src="../_static/bootstrap.js"></script>
    <link rel="top" title="ownCloud User Manual 7.0 documentation" href="../index.html" />
    <link rel="up" title="Files &amp; Synchronization" href="index.html" />
    <link rel="next" title="Accessing Files Using WebDAV" href="files.html" />
    <link rel="prev" title="Files &amp; Synchronization" href="index.html" />
<script type="text/javascript">
(function () {
  /**
   * Patch TOC list.
   *
   * Will mutate the underlying span to have a correct ul for nav.
   *
   * @param $span: Span containing nested UL's to mutate.
   * @param minLevel: Starting level for nested lists. (1: global, 2: local).
   */
  var patchToc = function ($ul, minLevel) {
    var findA;

    // Find all a "internal" tags, traversing recursively.
    findA = function ($elem, level) {
      var level = level || 0,
        $items = $elem.find("> li > a.internal, > ul, > li > ul");

      // Iterate everything in order.
      $items.each(function (index, item) {
        var $item = $(item),
          tag = item.tagName.toLowerCase(),
          pad = 15 + ((level - minLevel) * 10);

        if (tag === 'a' && level >= minLevel) {
          // Add to existing padding.
          $item.css('padding-left', pad + "px");
          console.log(level, $item, 'padding-left', pad + "px");
        } else if (tag === 'ul') {
          // Recurse.
          findA($item, level + 1);
        }
      });
    };

    console.log("HERE");
    findA($ul);
  };

  $(document).ready(function () {
    // Add styling, structure to TOC's.
    $(".dropdown-menu").each(function () {
      $(this).find("ul").each(function (index, item){
        var $item = $(item);
        $item.addClass('unstyled');
      });
      $(this).find("li").each(function () {
        $(this).parent().append(this);
      });
    });

    // Patch in level.
    patchToc($("ul.globaltoc"), 2);
    patchToc($("ul.localtoc"), 2);

    // Enable dropdown.
    $('.dropdown-toggle').dropdown();
  });
}());
</script>

  </head>
  <body>
  

<div class="container">
  <div class="content">
    <div class="page-header">
      <h1><a href="../contents.html">ownCloud User Manual</a></h1>

    </div>
    
			<div class="row">
				<div class="span3">
					<div class="sidebar">
						<div class="well">
							<div class="menu-support-container">
								<ul id="menu-support" class="menu">
									<ul>
										<li><a href="../contents.html">Overview</a></li>
									</ul>
                  <ul>
<li class="toctree-l1"><a class="reference internal" href="../index.html">ownCloud 7.0 User Documentation</a></li>
</ul>
<ul class="current">
<li class="toctree-l1"><a class="reference internal" href="../whats_new.html">New in ownCloud 7</a></li>
<li class="toctree-l1"><a class="reference internal" href="../webinterface.html">The ownCloud Web Interface</a></li>
<li class="toctree-l1 current"><a class="reference internal" href="index.html">Files &amp; Synchronization</a><ul class="current">
<li class="toctree-l2 current"><a class="current reference internal" href="">Accessing your Files Using the Web Interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="#navigating-inside-your-owncloud">Navigating Inside Your ownCloud</a></li>
<li class="toctree-l3"><a class="reference internal" href="#creating-or-uploading-files-and-directories">Creating or Uploading Files and Directories</a></li>
<li class="toctree-l3"><a class="reference internal" href="#selecting-files-or-folders">Selecting Files or Folders</a></li>
<li class="toctree-l3"><a class="reference internal" href="#filtering-the-file-application-view">Filtering the File Application View</a></li>
<li class="toctree-l3"><a class="reference internal" href="#previewing-files">Previewing Files</a></li>
<li class="toctree-l3"><a class="reference internal" href="#moving-files">Moving Files</a></li>
<li class="toctree-l3"><a class="reference internal" href="#sharing-files">Sharing Files</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="files.html">Accessing Files Using WebDAV</a></li>
<li class="toctree-l2"><a class="reference internal" href="versioncontrol.html">Version Control</a></li>
<li class="toctree-l2"><a class="reference internal" href="server_to_server_using.html">Using Server-to-Server Sharing</a></li>
<li class="toctree-l2"><a class="reference internal" href="deletedfiles.html">Managing Deleted Files</a></li>
<li class="toctree-l2"><a class="reference internal" href="sync.html">Desktop Synchronization</a></li>
<li class="toctree-l2"><a class="reference internal" href="encryption.html">Encrypting Files</a></li>
<li class="toctree-l2"><a class="reference internal" href="quota.html">Storage Quota</a></li>
<li class="toctree-l2"><a class="reference internal" href="configuring_big_file_upload.html">Managing Big Files</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../pim/index.html">Contacts &amp; Calendar</a></li>
<li class="toctree-l1"><a class="reference internal" href="../bookmarks.html">Using the Bookmarks App</a></li>
<li class="toctree-l1"><a class="reference internal" href="../documents.html">Documents</a></li>
<li class="toctree-l1"><a class="reference internal" href="../migration.html">User Account Migration</a></li>
<li class="toctree-l1"><a class="reference internal" href="../userpreferences.html">Changing Preferences</a></li>
<li class="toctree-l1"><a class="reference internal" href="../external_storage/google_drive.html">Configuring External Storage</a></li>
</ul>

								</ul>
							</div>
						</div>
					</div>
				</div>
        

				<div class="span9">
					<div class="page-content">
						
  <div class="section" id="accessing-your-files-using-the-web-interface">
<h1>Accessing your Files Using the Web Interface<a class="headerlink" href="#accessing-your-files-using-the-web-interface" title="Permalink to this headline">¶</a></h1>
<p>You can access your ownCloud files from anywhere using the ownCloud web
interface. Once accessed, using the Files app you can view (if a common type),
move, rename, download, share, and delete your files easily.</p>
<div class="figure">
<img alt="../_images/oc_filesweb.png" src="../_images/oc_filesweb.png" />
</div>
<p><strong>ownCloud web interface Files app</strong></p>
<p>ownCloud version 7 enables you to see file thumbnails next to the filenames.
Hovering over a file or folder provides the following highlighted list of
operations:</p>
<ul class="simple">
<li><em class="guilabel">Rename</em> &#8211; Enables you to rename a file or folder.</li>
<li><em class="guilabel">Download</em> &#8211; Downloads a file to your system.</li>
<li><em class="guilabel">Versions</em> (when enabled; See <a class="reference internal" href="versioncontrol.html"><em>Version Control</em></a> for details) &#8211; Enables you to revert the file or folder to any available older versions.</li>
<li><em class="guilabel">Share</em> &#8211; Enables you to share the file or folder with a group or a specific user.  Also enables you to share using a specified link.</li>
<li><em class="guilabel">Edit</em> &#8211; When a file is editable, enables you to open the file in the document application as long as that application is enabled for use from the ownCloud server.</li>
<li><em class="guilabel">Delete</em> &#8211; Deletes the selected file or folder.</li>
</ul>
<div class="section" id="navigating-inside-your-owncloud">
<h2>Navigating Inside Your ownCloud<a class="headerlink" href="#navigating-inside-your-owncloud" title="Permalink to this headline">¶</a></h2>
<p>Navigating through folders in ownCloud is as simple as clicking on a folder to
open it and using the back button on your browser to move to a previous level.
For added convenience, ownCloud also provides a navigation bar at the top of
the Files field for quick navigation.</p>
<div class="figure">
<img alt="../_images/oc_filesweb_navigate.png" src="../_images/oc_filesweb_navigate.png" />
</div>
<p><strong>Navigation bar</strong></p>
<p>The navigation bar functions as a &#8220;breadcrumb&#8221; locator.  It indicates your
current directory and enables you to migrate back to one of the upper
directories or, using the home icon, to navigate back into your root folder.</p>
</div>
<div class="section" id="creating-or-uploading-files-and-directories">
<h2>Creating or Uploading Files and Directories<a class="headerlink" href="#creating-or-uploading-files-and-directories" title="Permalink to this headline">¶</a></h2>
<p>ownCloud enables you to create new files or folders directly in an ownCloud
folder by clicking on the <em>New</em> button in the Files app.</p>
<div class="figure">
<img alt="../_images/oc_filesweb_new.png" src="../_images/oc_filesweb_new.png" />
</div>
<p><strong>New button options</strong></p>
<p>The <em>New</em> button provides the following three options from which to choose:</p>
<ul class="simple">
<li><em>Text file</em> &#8211; Creates a simple text file and adds the file to the current folder in your ownCloud.</li>
<li><em>Folder</em> &#8211; Creates a new folder in the current folder.</li>
<li><em>From link</em> &#8211; Downloads a file from a provided link path and places it into the current folder.</li>
</ul>
</div>
<div class="section" id="selecting-files-or-folders">
<h2>Selecting Files or Folders<a class="headerlink" href="#selecting-files-or-folders" title="Permalink to this headline">¶</a></h2>
<p>You can select one or more files or folders by clicking on the small thumbnails
or icons that represent them. When you select a file or folder, a small
checkbox is populated with a check to indicate that it is selected.  To select
all files in the current directory, you can click on the checkbox located at
the top of the Files app field, above the first file or folder on the list.</p>
<p>If you select multiple files, you can deleted all of the selected files or
download them as a ZIP file by using the <tt class="docutils literal"><span class="pre">Delete</span></tt> or <tt class="docutils literal"><span class="pre">Download</span></tt> buttons at
the top right side of the Files app field.</p>
<div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">If the <tt class="docutils literal"><span class="pre">Download</span></tt> button is not visible, the administrator has
disabled this feature.  Contact your administrator for further guidance.</p>
</div>
</div>
<div class="section" id="filtering-the-file-application-view">
<h2>Filtering the File Application View<a class="headerlink" href="#filtering-the-file-application-view" title="Permalink to this headline">¶</a></h2>
<p>ownCloud enables you to view files in the File Application View using filter options located in the Apps Information Field. This feature enables you to quickly and easily view and manage files based on their share status.</p>
<p>You can click on any of the filter options to view the files as follows:</p>
<ul class="simple">
<li><tt class="docutils literal"><span class="pre">All</span> <span class="pre">files</span></tt> &#8211; The default view; displays all files in the Application View window.</li>
<li><tt class="docutils literal"><span class="pre">Shared</span> <span class="pre">with</span> <span class="pre">you</span></tt> &#8211; Displays all files shared with you by another user or group.</li>
<li><tt class="docutils literal"><span class="pre">Shared</span> <span class="pre">with</span> <span class="pre">others</span></tt> &#8211; Displays all files that you have shared with other users or groups.</li>
<li><tt class="docutils literal"><span class="pre">Shared</span> <span class="pre">by</span> <span class="pre">link</span></tt> &#8211; Displays all files that are shared by you through the use of a link.</li>
</ul>
</div>
<div class="section" id="previewing-files">
<h2>Previewing Files<a class="headerlink" href="#previewing-files" title="Permalink to this headline">¶</a></h2>
<p>You can display uncompressed text files, OpenDocument files, PDFs, and image
files from the ownCloud server by clicking on the file name. If ownCloud cannot
display a file, a download process starts and the file is downloaded to your
system.</p>
</div>
<div class="section" id="moving-files">
<h2>Moving Files<a class="headerlink" href="#moving-files" title="Permalink to this headline">¶</a></h2>
<p>Using the ownCloud web interface, you can move files and folders by dragging
and dropping them into any directory. If you want to move a file or folder to
an upper directory, click and drag them to one of the folders shown in the
navigation bar.</p>
</div>
<div class="section" id="sharing-files">
<h2>Sharing Files<a class="headerlink" href="#sharing-files" title="Permalink to this headline">¶</a></h2>
<dl class="docutils">
<dt>When enabled by the administrator, you can share any file or folder on ownCloud</dt>
<dd>with a local user, group, or any person online with a public link. By sharing a
file or folder, the user or group can download the information directly to their
system. Shared files and folders depict a globe icon and the status <em>Shared</em> in
the file or folder row.</dd>
</dl>
<p>To share a file or folder:</p>
<ol class="arabic simple">
<li>Using your cursor, hover over an item in the Files Application View.</li>
<li>Locate the <strong>Share</strong> icon in the file or folder row.</li>
<li>Click <em>Share</em>.</li>
</ol>
<blockquote>
<div><p>The Share dialog box opens to show the following options:</p>
<div class="figure">
<img alt="../_images/oc_files_share.png" src="../_images/oc_files_share.png" />
<p class="caption"><strong>Share dialog box</strong></p>
</div>
</div></blockquote>
<ol class="arabic simple" start="4">
<li>Choose the desired share option:</li>
</ol>
<blockquote>
<div><ul>
<li><p class="first"><strong>User/Group Share</strong> field: Enables you to specify to whom you want to share the file or folder. Once you specify a user or group, a dialog appears providing added sharing options.</p>
<blockquote>
<div><div class="figure">
<img alt="../_images/oc_share_with_options.png" src="../_images/oc_share_with_options.png" />
<p class="caption"><strong>Sharing options dialog</strong></p>
</div>
</div></blockquote>
</li>
<li><p class="first"><strong>Share link</strong> checkbox: When enabled (checked), provides the following additional share options:</p>
<blockquote>
<div><ul>
<li><p class="first"><strong>File/Folder URL</strong> field: Specifies the URL to the folder or file that you want to share.</p>
</li>
<li><p class="first"><strong>Password Protect</strong> checkbox: When enabled (checked), provides the option of protecting access to the file of folder through the use of a simple alphanumeric password.</p>
</li>
<li><p class="first"><strong>Allow Public Upload</strong> checkbox: When enabled (checked), provides the ability for shared users to upload files using the provided link.</p>
</li>
<li><p class="first"><strong>Email Link</strong> field: Enables you to alert users of the shared folder by email.  You can specify one or more email addresses in this field (separated by spaces) and then click the &#8220;Send&#8221; button to send emails of the share.</p>
<blockquote>
<div><div class="admonition note">
<p class="first admonition-title">Note</p>
<p class="last">The server must be configured with a mail server or mail server access.</p>
</div>
</div></blockquote>
</li>
</ul>
</div></blockquote>
</li>
<li><p class="first"><strong>Set expiration date</strong> checkbox: When enabled (checked), you can specify a date for which the share expires.  You specify the expiration date in the format MM/DD/YYYY.  For added convenience, clicking in the &#8220;Expiration date&#8221; field opens a calendar from which you can specify the date.</p>
<blockquote>
<div><div class="figure">
<img alt="../_images/oc_share_expiration_calendar.png" src="../_images/oc_share_expiration_calendar.png" />
<p class="caption"><strong>Expiration Date Calendar</strong></p>
</div>
</div></blockquote>
</li>
</ul>
</div></blockquote>
</div>
</div>


					</div>
				</div>
			</div>
    
  </div>
</div>
  </body>
</html>