Hi Community,
Is there any possibility to put an image as a background in the Creatio Login Page ?
Example
Best regards,
Sasori
Like
Hi Sasori,
It's possible, but proper css should be created:
what was done is adding the image to NuiLogin.aspx page css (add body elemnt there):
<style> .font-preload { position: absolute; opacity: 0; } .font-preload-open-sans { font-family: "Bpmonline Open Sans"; } .font-preload-open-sans-light { font-family: "Bpmonline Open Sans Light"; } .font-preload-open-sans-bold { font-family: "Bpmonline Open Sans Bold"; } body { background-image: url("783px-Test-Logo.svg.png"); } </style>
and put this image to the root directory of app binary files. Only css should be modified in case you don't need to repeat this image and to set the size for it.
Hi Sasori,
It's possible, but proper css should be created:
what was done is adding the image to NuiLogin.aspx page css (add body elemnt there):
<style> .font-preload { position: absolute; opacity: 0; } .font-preload-open-sans { font-family: "Bpmonline Open Sans"; } .font-preload-open-sans-light { font-family: "Bpmonline Open Sans Light"; } .font-preload-open-sans-bold { font-family: "Bpmonline Open Sans Bold"; } body { background-image: url("783px-Test-Logo.svg.png"); } </style>
and put this image to the root directory of app binary files. Only css should be modified in case you don't need to repeat this image and to set the size for it.
Oleg Drobina,
Thanks for the explanation Oleg,
I tried all the steps but still the image is not showing in the background of the login page.
1- Modified NuiLogin.aspx file (path : inetpub\wwwroot\creatio\Login)
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NuiLogin.aspx.cs" Inherits="Terrasoft.WebApp.Loader.Login.NuiLogin" %> <!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" dir="<%= PageDirection %>" culture="<%= LanguageCultureName %>"> <head runat="server"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta name="fontiran.com:license" content="LAXSN" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Creatio</title> <style> .font-preload { position: absolute; opacity: 0; } .font-preload-open-sans { font-family: "Bpmonline Open Sans"; } .font-preload-open-sans-light { font-family: "Bpmonline Open Sans Light"; } .font-preload-open-sans-bold { font-family: "Bpmonline Open Sans Bold"; } body { background-image: url("test.png"); } </style> </head> <body> <div class="font-preload"> <span class="font-preload-open-sans">_</span> <span class="font-preload-open-sans-light">_</span> <span class="font-preload-open-sans-bold">_</span> </div> <form id="IndexForm" runat="server"> </form> </body> </html>
1- Added test.png image file in ( path - inetpub\wwwroot\creatio\)
Sasori Oshigaki,
Strange, this approach worked in my local app perfectly. Maybe there is an error message in the console when trying to reach the Login page and it will provide more details? Or maybe the image is empty? Also try restarting the application in IIS.
Oleg Drobina,
Just fixed it Oleg
The mistake was the path of the image ( got it from console window)
The image should be placed under this path :
inetpub\wwwroot\creatio\Login
Thanks a lot for the help
Sasori
Sasori Oshigaki,
hm, in my case it requested the root directory of the app when I was testing it. Anyway, it's good that the console message answered the question!