helpcenter/Web/Controls/Help/Desktop/Documents/Common/ConnectSaaS/ConnectSaaS.ascx
alexandervnuchkov 71f171fb08 First commit
2016-08-29 16:51:20 +03:00

107 lines
7.5 KiB
Plaintext

<%@ Control Language="C#" Inherits="BaseContentUserControls" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<script runat="server">
protected override void Init()
{
PageTitle = PageCaption = "How to connect Desktop Editors to your SaaS portal?";
MetaKeyWords = "";
MetaDescription = "";
var guides = new GuidesModel();
guides.CaptionRelatedTips = "Related Tips & Tricks";
guides.Title = "Report Templates";
guides.RelatedTips = "Are you tired of generating reports manually? Now you can set up needed parameters once and regularly receive automatic reports by email.";
guides.LearnMore = "Learn more...";
(Page as BasePage).Guides = guides;
}
</script>
<div class="MainHelpCenter">
<h1 class="subHeaderFeaturesCaption Guides_Video_Captions">How to connect Desktop Editors to your SaaS portal?</h1>
<%--<div class="keyword_block">
<ul>
</ul>
</div>--%>
<p>After you have installed <b>Desktop Editors</b> on your computer, you can easily connect the program to your existing SaaS portal or create a new one so that you can use all the product capabilities such as collaborative editing, reviewing, commenting and communicating via the built-in chat.</p>
<div class="notehelp">
An Internet connection is required for creating or connecting a portal, as well as for real-time co-editing.
</div>
<h2 id="step1"><span class="style_step">Step 1. </span>Create a new portal</h2>
<div class="block_of_step">
<div class="screen_text">
<p>If you do not have a portal yet, launch <b>Desktop Editors</b>, switch to the <b>Connect to server</b> section at the left side panel and click the <b>Create Portal</b> button. The SaaS version sign up page will open in a new tab of your web browser.</p>
<p>Please fill in all the form fields following the recommendations provided in <a target="_blank" href="<%=VirtualPathUtility.ToAbsolute("~/administratorguides/create-portal.aspx")%>">this article</a>.</p>
<p>Once the portal is created, proceed to <b>Step 2</b> to connect <b>Desktop Editors</b> to your portal account.</p>
</div>
</div>
<h2 id="step2"><span class="style_step">Step 2. </span>Connect to an existing portal</h2>
<div class="block_of_step">
<div class="screen_text">
<ol>
<li>Switch to the <b>Connect to server</b> section at the left side panel.</li>
<li>Click the <b>Connect</b> link to connect to an existing portal.
<div class="screen_block">
<img alt="Connect to server tab" target="img2_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/Guides/small/guide80/connecttoservertab.png")%>" />
<img alt="Connect to server tab" id="img2_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/Guides/big/guide80/connecttoservertab.png")%>" />
<div target="img2_eventcom_guides" class="screenphoto magnifier"></div>
</div>
</li>
<li>In a new window that opens, fill in the following three fields:
<ul>
<li>in the <b>portal</b> field, enter your portal address in the form <em>portalname.onlyoffice.com</em> or <em>https://portalname.onlyoffice.com</em>,
<div class="notehelp">
You can also enter <em>personal.onlyoffice.com</em> in this field to connect to your account for personal use.
</div>
</li>
<li>in the <b>email</b> field, specify the email address you use to access your account,</li>
<li>in the <b>password</b> field, specify the password you use to access your account.</li>
</ul>
</li>
<li>Click the <b>Login</b> button.
<div class="screen_block">
<img alt="Connect to portal window" target="img3_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/Guides/small/guide80/connecttoportal.png")%>" />
<img alt="Connect to portal window" id="img3_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/Guides/big/guide80/connecttoportal.png")%>" />
<div target="img3_eventcom_guides" class="screenphoto magnifier"></div>
</div>
</li>
</ol>
<p>Your portal <b>Documents</b> module will open in a new tab of the <b>Desktop Editors</b> interface. Now you can switch between the available sections (<b>My Documents</b>, <b>Common Documents</b>, <b>Shared with Me</b>, <b>Project Documents</b>, <b>Recycle Bin</b>) manage your files stored on the portal, create or upload new ones, view, share and edit them together with other portal users or external users.</p>
</div>
<div class="screen_block">
<img alt="Portal documents" target="img4_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/Guides/small/guide80/portaldocuments.png")%>" />
<img alt="Portal documents" id="img4_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/Guides/big/guide80/portaldocuments.png")%>" />
<div target="img4_eventcom_guides" class="screenphoto magnifier"></div>
</div>
</div>
<h2 id="step3"><span class="style_step">Step 3. </span>Manage your connected accounts</h2>
<div class="block_of_step">
<div class="screen_text">
<p>On the <b>FILE</b> tab, switch to the <b>Connect to server</b> section to view the <b>Connected portals</b> list. Right-click on a connected portal and use one of the available contextual menu options:</p>
<ul>
<li><b>Open</b> - to switch to the corresponding portal tab, if you are already logged in to this account, or to open the <b>Connect to portal</b> window, if you are not currently logged in (in such a case, you will need to enter your password),</li>
<li><b>Logout</b> - to exit from your account,
<div class="notehelp">
You can also click the <img alt="Exit icon" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/Guides/big/guide80/exit.png")%>" /> icon to the right of the account to exit from it.
</div>
</li>
<li><b>Remove from list</b> - to disconnect the selected account and remove it from the list.</li>
</ul>
<p>If you have several accounts or portals, use the <b>Add Portal</b> button to connect one more account.</p>
</div>
<div class="screen_block">
<img alt="Connected accounts list" target="img5_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/Guides/small/guide80/connectedaccounts.png")%>" />
<img alt="Connected accounts list" id="img5_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/Guides/big/guide80/connectedaccounts.png")%>" />
<div target="img5_eventcom_guides" class="screenphoto magnifier"></div>
</div>
</div>
</div>