Background image on membership_signup page

Wish to see a specific feature/change in future releases? Feel free to post it here, and if it gets enough "likes", we'd definitely include it in future releases!
Post Reply
Moh Youba
Veteran Member
Posts: 228
Joined: 2017-03-12 09:31

Background image on membership_signup page

Post by Moh Youba » 2019-09-14 12:28

Hello
I am using AppGini 5.76.

Any help to add background image on membership_signup.

Thank you

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

Re: Background image on membership_signup page

Post by pbottcher » 2019-09-15 10:41

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.
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.

Moh Youba
Veteran Member
Posts: 228
Joined: 2017-03-12 09:31

Re: Background image on membership_signup page

Post by Moh Youba » 2019-09-15 12:36

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 5387 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 5387 times
but here what I am looking for
no-images.jpg
no-images.jpg (70.98 KiB) Viewed 5387 times
Thank you

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

Re: Background image on membership_signup page

Post by pbottcher » 2019-09-15 13:25

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 
}
?>
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.

Moh Youba
Veteran Member
Posts: 228
Joined: 2017-03-12 09:31

Re: Background image on membership_signup page

Post by Moh Youba » 2019-09-15 14:36

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 5382 times

Post Reply