How can I re-Size the frame of graph report

  • Profile Image
    Asked on May 11, 2012 at 02:40 PM

    Hello Jotform Team,

    When i create a graph report and embed (iFrame) in a web page, how can I re-size (width & high) frame of all graph to fit inside a column in my web page. ¿Is it possible?

    in advanced for your response, thank you

    Jorge A. Rangel

  • Profile Image
    Answered on May 11, 2012 at 03:35 PM


    To remove the remaining spaceon  the left of the labels you can use the inject  custom css feature.

    How to inject customized CSS:

    1. Load the form into the form builder

    2. While on the "Setup & Embed" tab, click Preferences > Form Styles > Inject Custom CSS

    3. Click where it states "Click to edit"

    4. Type (or paste) the code at the prompt

    5. When finished entering the code, click "Close Settings"

    6. Save the form

    Also see "How to Inject Custom CSS Codes" in our user guide: of injected CSS:

    Please lets know if this works out!

  • Profile Image
    Answered on May 11, 2012 at 07:04 PM
    Thanks for your prompt response, this option "Customized CSS" works with
    Graph reports? in order to reduce remaining spaces.
    Jorge A. Rangel
    2012/5/11 JotForm Support Forum
  • Profile Image
    Answered on May 11, 2012 at 07:39 PM

    I am sorry for misunderstanding, Injected CSS Code does not work with Visual Reports.

    However, it is possible to resize elements in Visual Report. You will need to go into Edit mode, and then you will see elements' size corners.

    You can also change the iFrame size. You will need to copy provided iFrame code, and then change the width & height parameters for your needs.

    Please feel free to contact us if you need any further assistance.

  • Profile Image
    Answered on May 11, 2012 at 08:48 PM
    Thanks a lot for your prompt response, was good-enough
    Best regards
    Jorge A. Rangel
    Twtr: @JorgeRangel
    FB: Jorge. Antonio Rangel