moving radio buttons from top to the side at payment gateway selection

[gijs007]

Dear WHMCS employee,

 

Currently the radio buttons to select the payment gateway show above each gateway in the vertical steps order form.

I think it's better to move them next to(horizontally) the payment gateway name instead of above it.

 

This makes it easier for the customers to see which payment gateway they selected.

I've included a screenshot to make it easier to understand.

 

Would it be possible to make this change?

 

Regards,

 

 

Hi,

You could certainly make that change by editing the /templates/orderforms/verticalsteps/viewcart.tpl file.

 

For further assistance customising WHMCS feel free to consult with our friendly community of experts in our Customisation & Integration forum at http://forum.whmcs.com/

Regrettably we cannot assist with customisations here as part of product technical support.

 

If we can assist with anything else, please don't hesitate to get back in contact.

-------

Kind Regards,

John

 

Can anyone assist me in moving the radio buttons from the top of the name to the left side so it shows the radio button next to the gateway name?

 

I believe the code responsible for this is:

 

<p align="center">{foreach key=num item=gateway from=$gateways}<input type="radio" name="paymentmethod" value="{$gateway.sysname}" id="pgbtn{$num}" onclick="{if $gateway.type eq "CC"}showCCForm(){else}hideCCForm(){/if}"{if $selectedgateway eq $gateway.sysname} checked{/if} /><label for="pgbtn{$num}">{$gateway.name}</label> {/foreach}</p>

 

But I don't know how to edit it to accomplish this.

 

Thanks in advance.

[brian!]

how many payment methods are you using and do they have long names? I ask because I just switched to verticalsteps to test this and we have four gateways and they all fit on the same line next to each other... or it might just be the stylesheet you're using.

 

if you could post the screenshot, it might let us see what you're seeing.

[gijs007]

I'm using 3 Payment methods.

 

[brian!]

your code in the opening post is the same as mine, and my gateways are side by side on the same line.

 

it must be stylesheet - perhaps you can check the css files and see what the settings are for radio buttons.

 

do you have other radio buttons on the form doing similar things?