AppSuite:Theming the login page: Difference between revisions

From Open-Xchange
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<!-- !!! -->
The content on this page has moved to https://documentation.open-xchange.com/latest/ui/theming/login-page.html
<!--PLEASE APPLY CHANGES ONLY TO THE NEW TECHNICAL DOCUMENTATION: wd/frontend/web/doc umentation -->
<!-- !!! -->


{{Stability-experimental}}
Note: Open-Xchange is in the process of migrating all its technical documentation to a new and improved documentation system (documentation.open-xchange.com). Please note as the migration takes place more information will be available on the new system and less on this system. Thank you for your understanding during this period of transition.
 
<div class="title">Theming the login page</div>
 
'''Abstract.''' In this article, you can learn how to create a customized theme for the default login page for your appsuite installation and also how to configure different ones for different hostnames. It only explains where and how to configure and apply the modifications but not the [[AppSuite:Theming|basics of App Suite theming]].
 
__TOC__
 
== style.less ==
 
To apply a theme to the login page you just add the relevant snippets to the style.less file like for a normal theme and include the logos and artifacts in the theme directory.
 
Here are some examples of CSS selectors which can be addressed on the login page:
 
#io-ox-login-username
#io-ox-login-screen .btn-primary
#io-ox-login-screen .btn-primary:hover
#io-ox-login-header-prefix
#io-ox-login-header-label
#io-ox-login-container
.wallpaper
body.down #io-ox-login-container .alert.alert-info
.language-delimiter
#io-ox-copyright
 
 
== as-config.yml ==
 
To actually apply the above definition the theme needs to be specified in the file /opt/open-xchange/etc/as-config.yml:
 
signinTheme: MYTHEME
 
 
As as-config.yml can have different configuration based on different hostnames a multi branded configuration can be applied as well.
 
[[Category:AppSuite]]
[[Category:UI]]

Latest revision as of 10:22, 22 May 2017

The content on this page has moved to https://documentation.open-xchange.com/latest/ui/theming/login-page.html

Note: Open-Xchange is in the process of migrating all its technical documentation to a new and improved documentation system (documentation.open-xchange.com). Please note as the migration takes place more information will be available on the new system and less on this system. Thank you for your understanding during this period of transition.