where to change color(s) login page

Got something cool to share with AppGini users? Feel free to post it here!
Post Reply
User avatar
RonP
Veteran Member
Posts: 222
Joined: 2013-08-27 13:36
Location: Heiloo, The Netherlands
Contact:

where to change color(s) login page

Post by RonP » 2024-08-07 13:40

Hi,
I've once, years ago, changed the setup of the login page with a "colored box"
Now this color has to be changed, I'm lost where I can do this

I don't see this back in the file: footer-extras.php

This is what I let see and a change of color is wanted
http://localhost/qse/index.php?signIn=1
Content of: hooks/header-extras.php

Code: Select all

<?php
 $script_name = basename($_SERVER['PHP_SELF']);
if ($script_name == 'index.php' && isset($_GET['signIn'])) {
   ?>

<div class="alert alert-success" id="voordelen">
	<img src="https://www.heilooenergie.nl/logo-heiloo-energie-2024_04_26/" width="200" height="48"><p>&nbsp;</p>
	<h3>Applicatie waarmee diverse aanvragen kunnen worden geregistreerd en gevolgd </h3>
	<ul style="font-size:1.2em;">
		<li>Met deze applicatie kun je de aanvragen voor Warmtebeelden, Energiescans, BIO, EBM en Warm De Winter Door beheren
		<li>Je kunt een energiecoach koppelen aan een aanvraag
		<li>Na het importeren van een aanvraag, als .CSV bestand, wordt er direct een IFR/QSE/Stress record aangemaakt
		<li>De Coördinator zal daarna binnen pCloud een nieuwe aanvraagdirectory aanmaken
		<li>Deze directorynaam moet worden ingevoerd bij de gegevens van de nieuwe aanvraag
		<li>De coordinator kan bij alle tabellen, de energiecoach slechts bij de Aanvragen; IFR,QSE en Stress tabellen. 
		<li>De records binnen binnen deze tabellen kunnen NIET door de Coaches worden verwijderd.
	</ul>
<hr>
		<div>Fijne dag.<br>
			<?php 
			echo date('d-m-Y l H:i:s'); ?>
		</div>
</div>


<script>
$j(function(){
	$j('#voordelen').appendTo('#login_splash');
})
</script>
<!-- file: hooks/header-extras.php -->

<?php
	}
?>

jfischer
Posts: 29
Joined: 2022-11-19 16:07
Location: Austria
Contact:

Re: where to change color(s) login page

Post by jfischer » 2024-08-08 06:08

Hello Ron!

Code: Select all

<?php
 $script_name = basename($_SERVER['PHP_SELF']);
if ($script_name == 'index.php' && isset($_GET['signIn'])) {
   ?>

<div class="alert alert[b]-success[/b]" id="voordelen">
success - "info"

success on info for example
That should change the color.
Best wishes from Austria

Jo

User avatar
RonP
Veteran Member
Posts: 222
Joined: 2013-08-27 13:36
Location: Heiloo, The Netherlands
Contact:

Re: where to change color(s) login page

Post by RonP » 2024-08-09 12:08

Hello Jo,

Thank you for the answer.
Your solution "gets rid of the green box"
I just would like change the color in the box.

I now see that the given link went to my localhost site Duhh....sorry about that
This link explains more
https://www.heilooenergie.nl/qse/index.php?signIn=1

pbottcher
AppGini Super Hero
AppGini Super Hero
Posts: 1667
Joined: 2018-04-01 10:12

Re: where to change color(s) login page

Post by pbottcher » 2024-08-09 17:04

Hi Ron,
as Jo mentioned, the color is set by the class alert-success.

If you change that class to another standard class, the color will change accordingly.

you can use
alert-success -> green
alert-info -> blue
alert-warning -> yellow
alert-danger -> red

If you want another color, you would need to define it yourself. You could e.g. put an inline style and set the background color

Code: Select all

<div class="alert" style="background-color: gray"  id="voordelen">
Any help offered comes with the best of intentions. Use it at your own risk. In any case, please make a backup of your existing environment before applying any changes.

User avatar
RonP
Veteran Member
Posts: 222
Joined: 2013-08-27 13:36
Location: Heiloo, The Netherlands
Contact:

Re: where to change color(s) login page

Post by RonP » 2024-08-10 14:06

Hi pbottcher ,

Great!.
Thank you
Ron

Post Reply