-
KochavaSupportAsked on February 20, 2018 at 1:41 PM
-
David JotForm Support ManagerReplied on February 20, 2018 at 1:42 PM
Did you try increase the height of the Feedback Button embed code? Can you please share the URL of the webpage where you have embedded the form?
-
KochavaSupportReplied on February 20, 2018 at 2:09 PM
Here is the code:
<script src="https://form.jotform.com/cardforms/feedbackEmbedButton.min.js"></script> <script> new JF_FeedbackEmbedButton({ buttonText: "Feedback", buttonFontColor: "#FFFFFF", buttonBackgroundColor: "#454545", buttonSide: "Bottom", buttonAlign: "Left", buttonIcon: "rate", formId: 80434912206147 }); </script>
I can't actually send the URL to you, it is a stage site that cannot be accessed offsite.
-
David JotForm Support ManagerReplied on February 20, 2018 at 2:53 PM
Can you try this?
<script src="https://form.jotform.com/cardforms/feedbackEmbedButton.min.js"></script>
<script>
new JF_FeedbackEmbedButton({
buttonText: "Feedback",
buttonFontColor: "#FFFFFF",
buttonBackgroundColor: "#454545",
buttonSide: "Bottom",
buttonAlign: "Left",
buttonIcon: "rate",
formId: 80434912206147,
height: 500,
});
</script>
-
David JotForm Support ManagerReplied on February 20, 2018 at 2:54 PM
Note: please remove the comma after "height: 500"
-
KochavaSupportReplied on February 20, 2018 at 3:12 PM
I tried the code and there is still no change in the height of the iframe.
-
David JotForm Support ManagerReplied on February 20, 2018 at 3:25 PM
You could ask your website developer to try to increase the height of the div element where you have embedded the script code, through CSS injection.
-
KochavaSupportReplied on February 21, 2018 at 3:02 PM
The size is being pulled from JotForm:
<div id="JF_feedback_embed_80434912206147_9315_wrapper" class="jfFeedbackButton-modal isDesktop jFisOpen" style="display: none; height: 325px;"><iframe id="JF_feedback_embed_80434912206147_9315_iframe" src="https://www.jotform.com/80434912206147?feedbackEmbedButton&noToolBar&disableSmartEmbed=1"></iframe></div>
The size is set at 380 x 325, is there any way to change that?
-
David JotForm Support ManagerReplied on February 21, 2018 at 3:39 PM
I have forwarded this to our back-end team to see if there is a way to increase the size of the Feedback Button code. You will be updated via this thread.
-
KochavaSupportReplied on February 26, 2018 at 12:31 PM
I would love to start using this on my site, but cannot until I can increase the size of the form so that the users can see the entire form without scrolling. Has there been any update yet?
-
Richie JotForm SupportReplied on February 26, 2018 at 1:58 PM
Unfortunately, we still have no updates on the issue. However, your ticket has been assigned already by our developers and flagged as important.
We will let you know via this thread if updates are available.
Thank you.
-
burak JotForm DeveloperReplied on March 14, 2018 at 3:53 AM
Hello,
We've implemented the feature you requested. You can define your own width and height preferences simply by adding forceWidth and forceHeight attributes to the code generated from JotForm.
For example if you want to override iframe's height by 600px, your code should be like:
<script src="https://form.jotform.com/cardforms/feedbackEmbedButton.min.js"></script>
<script>
new JF_FeedbackEmbedButton({
buttonText: "Feedback",
buttonFontColor: "#FFFFFF",
buttonBackgroundColor: "#454545",
buttonSide: "Bottom",
buttonAlign: "Left",
buttonIcon: "rate",
formId: 80434912206147,
forceHeight: 500
});
</script>
Please note the highlighted part. You can also change the width setting similarly.
Hope this meet your requirements.
Thanks for reporting