Roundcube Community Forum

 

login fields too long...

Started by Simon89, September 04, 2007, 12:07:01 PM

Previous topic - Next topic

Simon89

Is there a way to change the lenght of the login fields "username" and "password"? I need smaller fields...

SKaero

Thats not right! Can you post the source of the page?

toby86

I have the same problem - but only on my personal laptop.
On any other PC I tested so far I haven't had any problems.

=> http://webmail.mediaversal.de

xyanide

Quote from: toby86 I have the same problem - but only on my personal laptop.
On any other PC I tested so far I haven't had any problems.

=> http://webmail.mediaversal.de

Looks fine on my desktop (Opera 9.23, 19" 1280 x 1024).


- Xyanide

surfsurf

Also looks fine over here.
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6

Rudy

It's weird. I have the same problem. On my pc everything looks fine but on my friend's pc the login page looks like Simon89's screenshot. It doesn't matter what browser I'm using (IE7, FF, Opera), it's always the same problem. Both computers are running MS Win XP Prof SP2.

youds

Add style="width:150px" to the tags and that will solve the problem.

youds

Seems you have to edit the main program files to change the tags on output

<script type=&quot;text/javascript&quot;>
<!--\\
//fix login box without editing the program files
window.onload = function () {
console.log('log');
oUsername = document.getElementById('rcmloginuser');
oPassword = document.getElementById('rcmloginpwd');
oUsername.style.width = '150px;'
oPassword.style.width = '150px';
}
-->
</script>

Add that to the document instead.

Rudy

Sorry that it took me so long to answer but thishas been a very busy week for me. Anyway... I added your Javascript to my login.html template and it seems to work flawlessly. Thank you very much! :)

-Rudy

Rudy

Actually it wasn't quite "flawless". There was a typo (') in oUsername:
<script type=&quot;text/javascript&quot;>
<!--\\
//fix login box without editing the program files
window.onload = function () {
console.log('log');
oUsername = document.getElementById('rcmloginuser');
oPassword = document.getElementById('rcmloginpwd');
oUsername.style.width = '180px';
oPassword.style.width = '180px';
}
-->
</script>