Home › Forums › Quform WordPress › Customise the width of the Quform
- This topic has 3 replies, 2 voices, and was last updated 11 years, 5 months ago by Allan.
- AuthorPosts
- June 12, 2013 at 3:01 pm #4806truxtonParticipant
I’m creating a new web site www. 1stcompucare .co.uk
I have created a Quform and placed it in the footer area 2 as a widget…
I have designed my Quform to use two columns, but when I add a 2nd widget to the footer… there is not enough room and the two columns from my Quform are elongated into one column…
I was wondering if there was a way too reduce the width of the Quform…. so that It retains it’s two columns even when I add the other widget… I have looked into and read there might be a way in fancy box options … But I am unable to find where I can enter the custom code.
http://www.1stcompucare.co.uk/wp-content/uploads/2013/06/after-1024×568.jpg
http://www.1stcompucare.co.uk/wp-content/uploads/2013/06/before-1024×640.jpg
Please see the scren shots to understand what I mean.
June 12, 2013 at 3:14 pm #4807June 12, 2013 at 3:16 pm #4808truxtonParticipantAs a widget
You can do this by entering a JSON formatted string of options to the Fancybox options field. For example, to set the size of the popup to 400×400, use the code below:
{ width: 400, height: 400, autoDimensions: false, onStart: function(){}, onComplete: function(){} }
Note: the reason you need to add the onStart and onComplete options is that the default Quform popup link has custom code to automatically resize the Fancybox window to wrap your form size.See the Fancybox Options API for a list of all available options.
June 12, 2013 at 6:00 pm #4810AllanSupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
- AuthorPosts
- You must be logged in to reply to this topic.