Question
login
background
image
CSS
Sales_Creatio
8.0

Insert background image in Login Page

Sasori Oshigaki
13:20 May 04, 2023

Hi Community,

Is there any possibility to put an image as a background in the Creatio Login Page ?

Example

Best regards,

Sasori

Like 0

Like

5 comments
Best reply
Oleg Drobina
14:52 May 04, 2023

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
14:52 May 04, 2023

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.

Sasori Oshigaki
13:43 May 05, 2023

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\)

Oleg Drobina
13:48 May 05, 2023

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.

Sasori Oshigaki
14:41 May 05, 2023

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

Oleg Drobina
14:52 May 05, 2023

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!

Show all comments