Reply
Member
Posts: 8
Registered: ‎12-12-2016

Styling Accept Hosted form

Is there any way to style the Accept Hosted form or form fields?

 

Posts: 138
Topics: 0
Kudos: 27
Blog Posts: 0
Ideas: 0
Solutions: 9
Registered: ‎04-28-2017

Re: Styling Accept Hosted form

Using the posted XML :

 <setting>
<settingName>hostedPaymentStyleOptions</settingName> <settingValue>{"bgColor": "red"}</settingValue> </setting>
Powered by NexWebSites.com -
Certified Authorize.net developers
Member
Posts: 8
Registered: ‎12-12-2016

Re: Styling Accept Hosted form

Thanks, but that only styles one specific element: the background color. And it appears there's no other elements that can be styled except that one, unless I'm missing some data in the docs.

 

Is there any way to style other specific elements, like making the text input boxes into regular input boxes with 4 borders and an inset look?

 

Member
Posts: 2
Registered: ‎06-29-2017

Re: Styling Accept Hosted form

Need to find out about this as well. The font on the form is serif and very large, which clashes with the font on our site. I found a page in the authorize dashboard that allows you to customize the payment form, but it appears to have no affect on the accept hosted form.

 

Is there no way to customize the fonts at all? Maybe this is the final straw that prompts us to move on to a more modern payment gateway.

Administrator
Posts: 419
Registered: ‎11-03-2016

Re: Styling Accept Hosted form

Hi @poachie,

 

Besides the highlight color, there is no way to change the style of the Accept Hosted form. If you want control over the look and feel of the form, we suggest that you create the payment form on your site exactly how you want it to look, then use Accept.js to convert the credit card info to a one-time use token before the information gets transmitted to your server. This provides the same benefit of shielding you from the payment information while giving you a lot more flexibility in appearance.

-Aaron

Aaron Wright
Developer Advocate - Authorize.Net

Follow Authorize.Net developer news on Twitter!