Page 1 of 1

Background image on membership_signup page

Posted: 2019-09-14 12:28
by Moh Youba
Hello
I am using AppGini 5.76.

Any help to add background image on membership_signup.

Thank you

Re: Background image on membership_signup page

Posted: 2019-09-15 10:41
by pbottcher
Hi,

you can add the following to the header-extras.php in the hooks directory

Code: Select all

<script>
$j(function() { 
	$j('#signup_splash').parent().find('.panel-body').css('background-image', 'url("YOURIMAGELINK")');
});
</script> 
Where YOURIMAGELINK points to the image you want to display.

Re: Background image on membership_signup page

Posted: 2019-09-15 12:36
by Moh Youba
Hello
When I put code like this
<script>
$j(function() {
$j('#signup_splash').parent().find('.panel-body').css('background-image', 'url("images/bgrim.jpg") no-repeat fixed center center / cover;');
});
</script>

Nothing is showing
code-1.jpg
code-1.jpg (87.74 KiB) Viewed 6481 times
When I put like this

<script>
$j(function() {
$j('#signup_splash').parent().find('.panel-body').css('background-image', 'url("images/bgrim.jpg")');
});
</script>

I get this
code-2.jpg
code-2.jpg (90.6 KiB) Viewed 6481 times
but here what I am looking for
no-images.jpg
no-images.jpg (70.98 KiB) Viewed 6481 times
Thank you

Re: Background image on membership_signup page

Posted: 2019-09-15 13:25
by pbottcher
Hi,

try

Code: Select all

<?php

$current_page=basename($_SERVER['SCRIPT_FILENAME']);
If ($current_page == 'membership_signup.php') { 
?>
<script>
$j(function() { 
	$j('body').css({'background-image': 'url("images/bgrim.jpg")', 'background-position': 'center', 'background-repeat': 'no-repeat','background-size': 'cover', 'height': '100%'});
});
</script>
<?php 
}
?>

Re: Background image on membership_signup page

Posted: 2019-09-15 14:36
by Moh Youba
Hi

Thank very much for your help. Working fine
arriere plan de toute la page.jpg
arriere plan de toute la page.jpg (133.96 KiB) Viewed 6476 times