Author Topic: Formatting [[LoginBox]]  (Read 1609 times)

Offline richwingerter

  • Posts: 46
Formatting [[LoginBox]]
« on: November 18, 2016, 02:17:11 AM »
I'd like to change the format for [[LoginBox]]. The code seems to use class="login-box". But changing that in screen.css does not change the appearance of the Login area. Perhaps it's set in JavaScript somewhere, but I don't know where to look for it.

How should I change the formatting for this?

Offline hgs

  • Betatester
  • **
  • Posts: 1110
    • EFG MG
Re: Formatting [[LoginBox]]
« Reply #1 on: November 18, 2016, 07:18:30 AM »
What would you like to change?
The class above changes some and is called <div id="left-col">

LG Harald

"Fange nie an, aufzuhören - höre nie auf, anzufangen." Marcus Tullius Cicero (106-43 v.Chr.)

Offline richwingerter

  • Posts: 46
Re: Formatting [[LoginBox]]
« Reply #2 on: November 18, 2016, 09:04:15 PM »
I'd like to add a color to the background and remove the border.

I see an example of the droplet in ../modules/droplets/example/LoginBox.php. But that example shows this panel with:

Code: [Select]
<div class="login-box">
That's not left-col. Also, changing left-col should change everything in that column, not just the login box.

Of course, the actual droplet I'm getting might not be like the example. It would help to know more about how these are stored and accessed.

Actually, I looked it up in the wb_mod_droplets table, and it is just this code. I don't understand why setting attributes for the login-box class in screen.css doesn't seem to apply to this. I'm looking at the developer tools in Chrome and this class does not seem to be applied to that section of code.

In tools I can see the "<div class="login-box"> branch. Selecting it does not show even the login-box class in the Styles list. I get:

Code: [Select]
div {          user agent stylesheet
    display: block;
}

It doesn't even show the border style there, which I see on the page.

Thanks for your help!

« Last Edit: November 18, 2016, 09:14:39 PM by richwingerter »

Offline richwingerter

  • Posts: 46
Re: Formatting [[LoginBox]]
« Reply #3 on: November 18, 2016, 10:10:37 PM »
Found it. There was an error where a missing } in the .css caused this to go missing.

So, yes, the class is "login-box", and I was able to format it properly.

Thanks for the help!

Offline jacobi22

  • Posts: 5843
  • Gender: Male
  • Support also via PM or EMail
    • Jacobi22
Re: Formatting [[LoginBox]]
« Reply #4 on: November 19, 2016, 01:43:23 PM »
please give some more details.
is the missing } a issue in the original screen.css (line-number?) or the result of your changes in this file?
Wer nicht will, findet Gründe, wer will, findet Wege.

Offline richwingerter

  • Posts: 46
Re: Formatting [[LoginBox]]
« Reply #5 on: November 20, 2016, 01:08:37 AM »
I'm pretty sure this was my error. I think I accidentally added a rule inside another rule. I probably deleted one of the brackets when I was trying to clean this up. I don't think it's in the original screen.css file, but that file has so many rules it's difficult to go through and look.

Offline jacobi22

  • Posts: 5843
  • Gender: Male
  • Support also via PM or EMail
    • Jacobi22
Re: Formatting [[LoginBox]]
« Reply #6 on: November 20, 2016, 12:38:31 PM »
thanks for reply  (Y)
Wer nicht will, findet Gründe, wer will, findet Wege.

 

postern-length