WHMCS v5 bootstrap.css & autoForward bugs.

[BenN]

Hi,

 

I've found a bug in the client area. Image inputs are styled like other inputs which means they are distorted (I noticed this in the add funds area, could affect other areas).

 

In templates/yourtheme/css/bootstrap.css after:

input,
textarea,
select,
.uneditable-input {
 display: inline-block;
 width: 210px;
 height: 18px;
 padding: 4px;
 color: #808080;
 border: 1px solid #ccc;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}

Add the following:

input[type=image]{
   width: auto;
   height: auto;
   padding: 0;
   border: none;
   box-shadow: none;
}

 

There is also a problem with the autoForward() javascript function which is used in 3dsecure.tpl & forwardpage.tpl

<script language="javascript">
setTimeout ( "autoForward()" , 1000 );
function autoForward() {
document.forms[0].submit()
}
</script>

It works by submitting the first form on the page, but in custom templates like mine this won't work anymore as I have the language selector in the header part of my site making the payment forms the second form on the page. Perhaps it would be better to use an id or something to avoid this problem on custom templates?