A5 Custom Login Page Plugin Suggested Improvements

Hi David,

thanks a lot for the compliment. It’s alway good to hear that people like what you are doing :o)

And thanks a lot for the link with the background image. I’m really not a CSS wizard and didn’t know about this at all. That’s definitely a feature which belongs into the plugin.

I will work on it very soon.

Greetings,
Stefan

Hello again David,

there is now an extra field, where you can put the background size as well. So, the plugin works like a charm now when it comes to the background image. You can download the developer version already, if wanting to. Until the next real update, you’ll still have to wait a bit.

Best,
Stefan

Hi Stefan

Does this extra field allow auto resizing of the background image? Another words when you adjust the size of your browser the background image automatically resizes to fill the full browser area.

The follow link I have given to you before illustrates this action.

https://css-tricks.com/perfect-full-page-background-image/

Now all the above is a simple bit of html and css it’s not difficult to implement in a static web page.

In your plugin in the settings area you could have an option as such: Allow Autosizing of Background Image. and the user would tick a tick box it would be that simple from the users end.

Regards

David

Hi David,

yes this extra field does allow resizing. And in the right container, you can read the instructions, how to do so.

The code of the css-tricks looks like this:

background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

That is exactly what the plugin does now. You choose your image, input the URL, set the position and repeat (that’s all like it was before) and then you simply put cover in the new field.

Giving it a checkbox would have been too messy in the code ;o)

Best,
Stefan

Hi Stefan

That sound great must give it a try

Regards
David

Hi Stefan

I have downloaded and installed the developers version namely

custom-login-page.zip it’s the option just above the latest version 1.6

Now when I installed the plugin and configured it, and it worked a dream. I noticed the login container area transparent allowing the background image to come through Great!! 10 out of 10. Mind you this happened with out setting any transparent values in the Login Container area or Login Form area.

Now I also configured my background image and associated properties including the background size to cover. and yes Great!! the background image automatically resizes. Super 10 out of 10.

Now I noticed that there was no border around the login Form area so I procceded to set the following properties of the Login Form area

Border Style:
Border Width:
Border Colour:
Rounded Corners:
Shadow x-direction
Shadow y-direction
Shadow Softness:

Now haven given values to the above properties and clicked save and previewed the login screen. The settings did not come into affect. I was quite miffed at this. However I Reset all the properties for Login Form area and set the same properties for The Login Container area. and bingo they worked perfectly.

I would ideally like the Login Form Properties to work as above. As I want only to add a border around the login Form Area not the Login Container area. I can’t understand why the Login Form Properties won’t work.

But you almost have the perfect Login Plugin from my experience. With great simplicity and control.

Any help on the above much appreciated Stefan

Kind Regards

David

Hi David,

there is a bug in the current version which sets the tranparency at three points automatically to 0 when not having a value. I know that and in my own version it is fixed already. I am rewriting the whole thing at the moment to be used on networks as well and I’m waiting for the Spanish translation to come. Then everything is ready to rock and should work like a charme ??

Should take only a few hours until it’s online.

Cheers,
Stefan