login layout

Got something cool to share with AppGini users? Feel free to post it here!
Post Reply
clar1970
Posts: 7
Joined: 2015-02-15 03:24

login layout

Post by clar1970 » 2015-02-17 18:46

Hi, appgini its great, but I want change the login and registration form to center, how can i do that??????????????????
Attachments
layout.jpg
login form to center of screen
layout.jpg (25.63 KiB) Viewed 14769 times

peebee
AppGini Super Hero
AppGini Super Hero
Posts: 352
Joined: 2013-03-21 04:37

Re: login layout

Post by peebee » 2015-02-18 05:25


clar1970
Posts: 7
Joined: 2015-02-15 03:24

Re: login layout

Post by clar1970 » 2015-02-18 21:12

hey, thanks...resolved

clar1970
Posts: 7
Joined: 2015-02-15 03:24

Re: login layout

Post by clar1970 » 2015-02-19 23:26

hi, again,
it´s possible put a background watermark image????

rdmiddleton
Posts: 7
Joined: 2013-08-15 13:08

Re: login layout

Post by rdmiddleton » 2015-03-05 18:14

Good question. I'd like to use an image for the background also.

Bertv
Veteran Member
Posts: 65
Joined: 2013-12-11 15:59

Re: login layout

Post by Bertv » 2015-03-06 10:35

Hi,
you can change the home.php file.
Look at <!-- customized splash content here -->
Bert
I am using Appgini 5.75

User avatar
pilandros
Veteran Member
Posts: 93
Joined: 2014-02-13 18:19

Re: login layout

Post by pilandros » 2015-03-06 21:21

Bertv wrote:Hi,
you can change the home.php file.
Look at <!-- customized splash content here -->
....
sorry but no sentence like that to look for within the home.php

rdmiddleton
Posts: 7
Joined: 2013-08-15 13:08

Re: login layout

Post by rdmiddleton » 2015-03-12 12:51

I am not finding it either. Have searched other files also. Not seeing anything in the .css either.

Bertv
Veteran Member
Posts: 65
Joined: 2013-12-11 15:59

Re: login layout

Post by Bertv » 2015-03-13 09:26

sorry about this,
it is not in the home.php but in the login.php
Attachments
login.pnp.png
login.pnp.png (21.67 KiB) Viewed 14610 times
Bert
I am using Appgini 5.75

rdmiddleton
Posts: 7
Joined: 2013-08-15 13:08

Re: login layout

Post by rdmiddleton » 2015-03-20 19:41

Mind adding syntax for dummies? Just adding <img src="xyz"> does put an image on the login screen, but really wanted it on the public side:
http://websites.msdpt.k12.in.us/musicsignup/
and perhaps even here:
http://websites.msdpt.k12.in.us/musicsi ... o_view.php
And as a background image (repeat horizontal & vertical?).

patsd102
Veteran Member
Posts: 142
Joined: 2013-01-15 19:59

Re: login layout

Post by patsd102 » 2015-03-20 21:39

Add the image code to the header.php file just below the <body> line
23.17

rdmiddleton
Posts: 7
Joined: 2013-08-15 13:08

Re: login layout

Post by rdmiddleton » 2015-03-26 14:16

Closer, but not quite there.
<body>
<div style="background-image:url(http://websites.msdpt.k12.in.us/graphic ... px;"></div>

<div class="container">
<?php if(!$_REQUEST['Embedded']){ ?>
<?php echo htmlUserBar(); ?>
<div style="height: 70px;" class="hidden-print"></div>
<?php } ?>

<!-- process notifications -->
<?php if(function_exists('showNotifications')) echo showNotifications(); ?>

<!-- Add header template below here .. -->

puts image top left but moves the data entry table down.
I expected image background behind the table and tiled around it (repeat both X & Y is the default).

I get it tighter (no space between graphic and Detail View header) by moving the </div> to the bottom of this file.

So, I increased the image widgth & height.
Fine for Login screen but on Detail View still not seeing background around the table, and the table expanded to the new width,

Not a big issue, but I am still missing something, so I'll continue "playing".

Thank you for pointing me in the right direction!!!

rdmiddleton
Posts: 7
Joined: 2013-08-15 13:08

Re: login layout

Post by rdmiddleton » 2015-03-26 14:23

Just for grins & giggles I added it to "footer.php" also (smaller height). Gives the illusion of full screen background.
Where there is a will...

rdmiddleton
Posts: 7
Joined: 2013-08-15 13:08

Background Image Solution

Post by rdmiddleton » 2015-04-08 11:43

Finally figured out how to put a background image on!
Can be seen at:
http://websites.msdpt.k12.in.us/musicsignup/
header.php, head section, add <style> .... </style>
In this way I don't need to add it to footer.php

<head>
<style>
body {
background-image: url("http://websites.msdpt.k12.in.us/...(full url).../musicbg100.gif");
}
</style>
</head>

patsd102
Veteran Member
Posts: 142
Joined: 2013-01-15 19:59

Re: login layout

Post by patsd102 » 2015-04-09 19:34

Thanks for sharing

Pat
23.17

Post Reply