Hello
How to center the login box
Thank you
Center login box
Re: Center login box
You can use jquery to...
For example add the following code to hooks/header-extras.php:
Is this what you need?
Regards,
Jan
- remove $j("#login_splash")
- add class "col-sm-offset-3" to $j(".container > .row > .col-sm-6")
- add class "col-lg-offset-4" to $j(".container > .row > .col-lg-4")
For example add the following code to hooks/header-extras.php:
Code: Select all
<script>
$j(function() {
if ($j("#login_splash").length) {
$j("#login_splash").remove();
$j(".container > .row > .col-sm-6").addClass("col-sm-offset-3");
$j(".container > .row > .col-lg-4").addClass("col-lg-offset-4");
}
});
</script>
Regards,
Jan
Kind regards,
<js />
My AppGini Blog:
https://appgini.bizzworxx.de/blog
You can help us helping you:
Please always put code fragments inside
AppGini 24.10 Revision 1579 + all AppGini Helper tools
<js />
My AppGini Blog:
https://appgini.bizzworxx.de/blog
You can help us helping you:
Please always put code fragments inside
[code]...[/code]
blocks for better readabilityAppGini 24.10 Revision 1579 + all AppGini Helper tools
Re: Center login box
Hi Jan
Once again thank you for your great support, it is exactly what I want.
Best regards,
Once again thank you for your great support, it is exactly what I want.
Best regards,
SOLVED: Center login box
Great, glad to hear!
Best Regards,
Jan
Best Regards,
Jan
Kind regards,
<js />
My AppGini Blog:
https://appgini.bizzworxx.de/blog
You can help us helping you:
Please always put code fragments inside
AppGini 24.10 Revision 1579 + all AppGini Helper tools
<js />
My AppGini Blog:
https://appgini.bizzworxx.de/blog
You can help us helping you:
Please always put code fragments inside
[code]...[/code]
blocks for better readabilityAppGini 24.10 Revision 1579 + all AppGini Helper tools
Re: Center login box
Thanks !
- baudwalker
- Veteran Member
- Posts: 188
- Joined: 2015-02-03 08:08
- Location: Bellingen NSW Australia
Re: Center login box
Great job Jan,
One thing is the menu I set up according to Ahmed's online course (see top image) is now pushed below the login (see bottom image)
Barry
One thing is the menu I set up according to Ahmed's online course (see top image) is now pushed below the login (see bottom image)
Barry
- Attachments
-
- login screen.PNG (198.46 KiB) Viewed 3814 times
Re: Center login box
Hi baudwalker,
maybe this works when added after your additional text:
I tried myself - this does not seem to work, but I am currious how it can be done.
PS: in Ahmeds video he is using appendTo in the jquery. I tried with prependTo - without the result we hope for.
Olaf
maybe this works when added after your additional text:
Code: Select all
<div style="clear:both;"></div>
PS: in Ahmeds video he is using appendTo in the jquery. I tried with prependTo - without the result we hope for.
Olaf
Some postings I was involved, you might find useful:
SingleEdit - Prevent concurrent edits on records; Field Permissions; Column-Value-Based-Permissions; Custom (error) message; Audit Log; Backup your database; Two Factor Authentication; Block brute force (failed) logins; Add 2nd SAVE CHANGES button; Place a search on details view
SingleEdit - Prevent concurrent edits on records; Field Permissions; Column-Value-Based-Permissions; Custom (error) message; Audit Log; Backup your database; Two Factor Authentication; Block brute force (failed) logins; Add 2nd SAVE CHANGES button; Place a search on details view
Re: Center login box
Hi
I have a solution:
in Ahmends code make this change (prepend and new ID as well) (oh, my extra headline text has the ID info instead of the one in Ahmeds video):
change the code from jsetzer (above) to (2 new lines with new ID)
At this time it looks like - but how can the headline text be wider now?
Olaf
I have a solution:
in Ahmends code make this change (prepend and new ID as well) (oh, my extra headline text has the ID info instead of the one in Ahmeds video):
Code: Select all
<script>
$j(function(){
$j('#info').prependTo('#introtxt');
})
</script>
Code: Select all
<script>
$j(function() {
if ($j("#login_splash").length) {
$j("#login_splash").remove();
$j(".container > .row > .col-sm-6").addClass("col-sm-offset-3");
$j(".container > .row > .col-lg-4").addClass("col-lg-offset-4");
$j(".container > .row > .col-sm-6").attr('id', 'introtxt');
$j(".container > .row > .col-lg-4").attr('id', 'introtxt');
}
});
</script>
Olaf
Some postings I was involved, you might find useful:
SingleEdit - Prevent concurrent edits on records; Field Permissions; Column-Value-Based-Permissions; Custom (error) message; Audit Log; Backup your database; Two Factor Authentication; Block brute force (failed) logins; Add 2nd SAVE CHANGES button; Place a search on details view
SingleEdit - Prevent concurrent edits on records; Field Permissions; Column-Value-Based-Permissions; Custom (error) message; Audit Log; Backup your database; Two Factor Authentication; Block brute force (failed) logins; Add 2nd SAVE CHANGES button; Place a search on details view
- baudwalker
- Veteran Member
- Posts: 188
- Joined: 2015-02-03 08:08
- Location: Bellingen NSW Australia
Re: Center login box
still working on the problem
- baudwalker
- Veteran Member
- Posts: 188
- Joined: 2015-02-03 08:08
- Location: Bellingen NSW Australia
Re: Center login box
Thank you Olaf it works well... and thank you also Jan
Barry
Barry