Accessing uploaded pictures? Storage space?

  • Profile Image
    slaalosangeles
    Asked on March 31, 2011 at 12:16 PM

    I was going to upload some pictures to use on my purchase order, because the ones I linked to at another site are really poor quality.

    I uploaded a picture to my other form in my account (since the purchase order one is live) and I can't seem to access the pictures as you mentioned in the Submissions folder? Also the meter in the sidebar to the left still shows me at 0MB upload but the picture was at least 17KB that I uploaded.

    Thanks for your help.

     

  • Profile Image
    DanielGriffin
    Answered on March 31, 2011 at 12:45 PM

    Hi there,

    The submissions folder does not contain images embedded in your form.  It only contains actual form submissions - and if a form contains an file upload field, then any images uploaded via the form will appear with the submission. 

    As neither of your forms have a file upload field you wont have any files to view.  Hope this clarifies things.

    Thanks,

    Daniel

  • Profile Image
    slaalosangeles
    Answered on March 31, 2011 at 01:00 PM

    I understand, thank you.

    Is there any help for the pictures on the purchase order? I can't seem to modify them so that they aren't fat and square looking. Is there a height and width I can save to that is the max setting?

    Thanks.

  • Profile Image
    DanielGriffin
    Answered on March 31, 2011 at 01:08 PM

    Yes you can easily edit the image dimensions by selecting the image in your form and then clicking the gear icon to access its properties, then edit the dimensions in the properties window that opens up.  See the following image.

    Thanks,

    Daniel.

  • Profile Image
    slaalosangeles
    Answered on March 31, 2011 at 01:45 PM

    I see how I can do this with pictures on regular forms but I don't see this option available for list items in the purchase order? What I was going to do was save them based on the min/max settings and then place the URL preference. That is all I see in the options menu for the purchase item. 

    I see Product Name, Price and URL for Image as options.  

    Am I still missing it?

  • Profile Image
    DanielGriffin
    Answered on March 31, 2011 at 04:35 PM

    Hi again,

    My apologies, you are right, purchase order images are indeed different to regular images.  You could try manipulating their properties by injecting some CSS.  I've taken a look at your form and the images belong to a class named "form-product-image-with-options".  Have a look at this link about injecting custom CSS

    http://www.jotform.com/answers/tag/Inject%20Custom%20CSS

    And then try something similar to the following code:

    img.form-product-image-with-options{
    width:200px;
    height:200px;
    }

    Thanks,

    Daniel

  • Profile Image
    slaalosangeles
    Answered on March 31, 2011 at 06:47 PM

    Ah, of course. I was embedding it on the page due to the convenience of being able to modify it at jotform on the fly. Perhaps you can list this for a future improvement. The purchase order feature is great.

    One question is when I download the code should I just keep it as an internal style sheet on that page where the form is and make adjustments from there? When I download the Zip file it also comes with the JavaScript files and several style sheets I am unfamiliar with, meaning I wouldn't know where they would all go (root directory, etc.)

    Thanks again!

  • Profile Image
    DanielGriffin
    Answered on April 01, 2011 at 11:40 AM

    Hi there,

    No problem, I will add that as a requested feature.

    Regarding the CSS code.  Anything you specify using the inject custom CSS feature will be included in the downloaded code.  However if you want to make further edits, just stick them in wherever you think is best.  The only thing to be aware of is that you need to keep the same directory structure for the files.  ie don't move them into other folders unless you are willing to correct the references in the main index.html file.

    Thanks again,

    Daniel

  • Profile Image
    slaalosangeles
    Answered on April 01, 2011 at 01:49 PM

    Oh, I see the inject custom CSS now, thank you. Instead of making those changes to have it go live immediately, I know you also offer download the files as a .Zip file and insert them into my site structure. When I do I get several different things in the main file: 

    CSS > styles > form (I understand this, I put in my site styles directory)

    CSS > calendarview (This is also a style sheet but what is this/where does it go?)

    js > calendarview, jotform, location, protoplus, protoplus-ui, prototype (All javascript files, do I just place the entire folder in the root directory?)

    Any clarification on these? Another reason I would like to do this is that then I can use the .jpg files for the pictures on my local site, instead of referencing a URL location, I think?

    Thanks again, sorry for the long thread just trying to understand it.

  • Profile Image
    DanielGriffin
    Answered on April 04, 2011 at 10:19 AM

    Hi there,

    Don"t worry about all the questions, it"s allot to learn if you are new to it.  The important thing to remember is that the css and js files need to be linked to the index file (which has the html for the form). The best thing to do is just to leave the Jotform css and js folders at the same level as the form itself.  But if you want to be tidy, try the following.

    If you open the index file source code you will see some links there for the other files.  So even though you have a styles folder, you can"t just drop the CSS file in there without changing the link to that path.  The same it true of the js file.

    Say for example your styles folder is at the root and it"s called "my_styles".  If the index file is also at the root, and you want to put the CSS into that styles folder, you would have to do the following.

    1. Drop the jotform css folder into your styles folder and the js folder into your scripts folder

    2. Change the link in the file which has your form from

    <link type="text/css" rel="stylesheet" target="_blank" href="css/styles/form.css?v3.1.109"/>

    to

    <link type="text/css" rel="stylesheet" target="_blank" href="my_styles/css/styles/form.css?v3.1.109"/>

    and

    <link target="_blank" href="css/calendarview.css?v3.1.109" rel="stylesheet" type="text/css" />

    to

    <link target="_blank" href="my_styles/css/calendarview.css?v3.1.109" rel="stylesheet" type="text/css" />

    Now lets say you have a javascipt folder named "my_scripts".  Change:

    <script src="js/prototype.js?v=3.1.109" type="text/javascript"></script>

    to

    <script src="my_scripts/js/prototype.js?v=3.1.109" type="text/javascript"></script>

    etc.

    Hope this is a bit clearer.  If you are still haveing problems please get back tp me, we are here to help.

    Thanks,

    Daniel