helpcenter/Web/Controls/Help/Server/ControlPanel/WhiteLabeling/white-labeling.ascx
alexandervnuchkov 1542b141e2 Refactoring
2017-07-20 18:16:25 +03:00

71 lines
6.6 KiB
Plaintext

<%@ Control Language="C#" Inherits="BaseContentUserControls" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<script runat="server">
protected override void Init()
{
PageTitle = PageCaption = "Rebranding your office using White Label feature";
MetaKeyWords = "Control Panel, rebranding, White Label";
MetaDescription = "Learn how to use your online office under your brand with the White Label feature.";
}
</script>
<div class="main_buscall_container dataBackup">
<div class="MainHelpCenter">
<h1 class="subHeaderFeaturesCaption TipsCaption">Rebranding your office using White Label feature</h1>
<div class="keyword_block">
<ul>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/server-version/server-version.ascx" /></li>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/local-server/local-server.ascx" /></li>
<li>
<span class="enterprise_display">
<cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/enterprise-edition/enterprise-edition.ascx" />
</span>
</li>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/control-panel/control-panel.ascx" /></li>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/change-logo/change-logo.ascx" /></li>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/white-labeling/white-labeling.ascx" /></li>
</ul>
</div>
<p>If you want to use the online office under your own brand, you can easily replace branding elements used in the online office interface with your own ones. The <b>Rebranding</b> feature provided by the <b>Control Panel</b> allows you to use your company name in the text elements (such as tooltips, message boxes etc.) as well as replace the default favicon and logos with your own logo.</p>
<p>To access <b>Control Panel</b>, sign in to your portal and click the 'Control Panel' link on the <b>Start Page</b>. Alternatively, you can go to the portal 'Settings' and click the 'Control Panel' link on the left-side panel.</p>
<h2 id="BareBonesInstructions">Bare Bones Instructions</h2>
<ol>
<li>In the <b>Control Panel</b>, open the <b>Rebranding</b> page.
<div class="screen_block">
<img alt="Rebranding page" target="img1_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/guides/small/guide76/rebranding.png")%>" />
<img alt="Rebranding page" id="img1_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/guides/big/guide76/rebranding.png")%>" />
<div target="img1_eventcom_guides" class="screenphoto magnifier"></div>
</div>
</li>
<li>Enter your <b>Company name</b> in the text entry field to change all the titles and messages in the online office interface where the default value is used replacing it with the one you specified. Click the <b>USE AS LOGO</b> button to the right of the entry field if you want to use your company name as a text logo (instead of an image logo) - all the logos below will change correspondingly.
<div class="screen_block">
<img alt="Rebranding page" target="img2_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/guides/small/guide76/textlogo.png")%>" />
<img alt="Rebranding page" id="img2_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/guides/big/guide76/textlogo.png")%>" />
<div target="img2_eventcom_guides" class="screenphoto magnifier"></div>
</div>
</li>
<li>Replace all the image <b>Logos</b> which appear in the online office:
<div class="notehelp">
We recommended that you use images in the <b>PNG</b> format with a transparent background. To improve your logos legibility and make their outline clearly distinguishable, you also need to optimize them for use on dark or light backgrounds. The image sizes must strictly correspond to the sizes specified next to each logo.
</div>
<ul>
<li><b>Logo for the editor headers (172x40)</b> - this logo appears in the upper left corner of the online editors launched.</li>
<li><b>Logo for mail notification messages (432x70)</b> - this logo appears in the upper left corner of email notifications about the portal events.</li>
<li><b>Logo for the portal header (284x46)</b> - this logo appears in the upper left corner of every portal page.</li>
<li><b>Logo for the About/Login page and editor embedded mode (432x70)</b> - this logo appears on the <b>Sign In</b> page of the portal, the <b>About</b> page (user profile -> About this program) and in the upper left corner of your portal documents embedded into web pages.</li>
<li><b>Favicon (32x32)</b> - this logo appears in the address bar or tab of a web browser when the portal is opened in it, or on the bookmarks panel if you've added the portal address to the bookmarks.</li>
</ul>
<p>Click the <b>CHANGE</b> button to the right of the logo you want to replace. In the window that opens, browse for the necessary image file and click the <b>Open</b> button. The image will be loaded and displayed in the corresponding <b>Logo</b> field.</p>
</li>
<li>click the <b>SAVE</b> button at the bottom of the page to make the parameters you set take effect.
<div class="screen_block">
<img alt="Rebranding - saving" target="img3_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/guides/small/guide76/saving.png")%>" />
<img alt="Rebranding - saving" id="img3_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/help/guides/big/guide76/saving.png")%>" />
<div target="img3_eventcom_guides" class="screenphoto magnifier"></div>
</div>
</li>
</ol>
<p>To return to the default settings, click the <b>RESTORE DEFAULT</b> button.</p>
</div>
</div>