With the paypal options, is there anyway you can collapse the choices. I have 31 and it just becomes a big list.

  • Profile Image
    imi
    Asked on January 21, 2012 at 05:02 PM
  • Profile Image
    abajan
    Answered on January 22, 2012 at 06:25 AM

    It might be possible to do this via injected CSS but to avoid confusing users I suggest that the label for that field explain that only one day slot can be chosen plus (optional) valet parking.

  • Profile Image
    abajan
    Answered on January 22, 2012 at 06:48 AM

    By "possible to do this via injected CSS" I mean arranging the list into 2 or more columns, as can be done via the Spread Columns tool when constructing or editing regular check box fields.

  • Profile Image
    abajan
    Answered on January 23, 2012 at 11:07 PM

    Okay, this is what I've been able to come up with so far. As you can see, it's not the best. I think it wiould be very difficult to get the field to appear consistently across browsers using just injected CSS. So, I recommend embedding the form's full source and tinkering with the HTML to get everything lined up properly. We'll see if we can provide the code for you soon.

  • Profile Image
    imi
    Answered on January 24, 2012 at 03:59 AM

    Thankyou Abajan that does look more like it. Now then tinkering with the HTML is n ot going to work for me as I would have no idea where to start, I would probably end up with my weekly shopping on there. You say you say you'll see if you can provide the code soon, does this mean you are doing it for me? It would be much appreciated, with instructions on how to put it in the form.

     

    Kind regards

    Ian

  • Profile Image
    abajan
    Answered on January 24, 2012 at 04:30 AM

    From what I can see, it should just be a matter of your going into the source of the page and pasting the code I provide over the fragment highlighted below:

    (Click image to zoom)


    However, if that doesn't work we'll help you figure out what to do. I should be able to give you the code by sometime tonight (Barbados time).

  • Profile Image
    imi
    Answered on January 24, 2012 at 04:34 AM

    OK all sounds simple enough then, I'll wait to hear from you thankyou. Barbados eh? My second home go at least 3 times a year, however didn't manage to get there in 2011, and the wife hasn't let me forget it.

     

    Thanks again

  • Profile Image
    abajan
    Answered on January 24, 2012 at 09:48 PM

    Due to browser inconsistencies, this will take longer than initially anticipated but I'm pretty sure it can be done. Thankfully, it's just a style issue and as such has no effect on the form's functionality. Tomorrow I'll have another go at this.

    It's nice to know that you and your wife are frequent visitors, btw :)

  • Profile Image
    createmymobile
    Answered on January 24, 2012 at 11:00 PM

    Not sure if this will be of any help, but I managed to create colapsible menu items on a website of mine using the javascript code suggested in the 3rd reply (amadeotw) of this thread:

    http://www.frihost.com/forums/vt-36037.html

  • Profile Image
    abajan
    Answered on January 25, 2012 at 09:02 PM

    @createmymobile Thanks for your input. Would you mind sharing the URL of your site? I'd like to see the solution in action. (If you'd rather not publicize it on the general forum, we could make this thread private.)

    @imi This is proving to be more challenging than I initially anticipated. Have a look at this page containing a copy of the payment portion of your form. In modern browsers it looks fine but according to BrowserStack, here's what greets IE7 users:

    (Click image to zoom)


    Seriously! Even the dreaded and much derided IE6 displays the page better than that.

    Perhaps the best thing would be to use a table for the layout. I'll see what I can come up with.

  • Profile Image
    imi
    Answered on January 26, 2012 at 04:21 AM

    Hi Abajan

    The first link 'this page' is ideal, but obviously not possible from what you say, or I understand. I do appreciate what you are trying to do. But also feel a little guilty that you are devoting so much time to it as well. If I had half an idea on how to do this sort of thing I would give it a go, but I wouldn't even know where to start. A table as you say may also be a solution if it is easier, it really just needs to be tidied up rather than a long single list.

     

    Cheers

    Ian

  • Profile Image
    abajan
    Answered on January 26, 2012 at 06:59 AM

    Hi Ian

    Well, my tests have shown that a table layout would work. I haven't been able to get the total on the form to update according to the selections made by the user. So, that element may have to be omitted. However, thankfully the total does show on the PayPal invoice page.

    Don't worry about my time spent trying to figure this out. We live for this sort of stuff! LOL

    I should be able to supply the code for you by tonight (knock wood). (I won't be having much access to the internet during the day.)


    ~ Wayne

  • Profile Image
    abajan
    Answered on January 26, 2012 at 12:26 PM

    Actually, it is possible to get the total shown on the form to be updated according to the choices selected. I had forgotten a solution I just recently did for another user with a somewhat different issue.

  • Profile Image
    abajan
    Answered on January 27, 2012 at 03:16 AM

    It turns out that the table isn't necessary after all. Just a slight error in the code was throwing everything off in IE6 and 7. The field's label was classed as form-label-left instead of form-label-top. In other words, just that one word (left) was ruining everything! (Reminds me of an incident I heard of some time ago where omitting a single comma from several thousand lines of code shut down a whole telephone network or something like that.)

    I should have the code ready for you this morning.

  • Profile Image
    abajan
    Answered on January 27, 2012 at 07:13 AM

    Ian

    Replace the JotForm code currently in the source of your web page with this, as I described six posts back. Then, just before the closing body tag in your web page, paste this code.

    If both blocks of code are inserted correctly, your form should look and function like this copy (knock wood!). Actually, if you view the source of that page, you'll see the same code blocks: The form's source code plus the block of JavaScript just before the closing body tag.

    (Incidentally, note what happens when the email addresses don't match.)

    Do let us know if you need clarification or help with anything.


    ~ Wayne

  • Profile Image
    abajan
    Answered on January 27, 2012 at 08:04 AM

    LOL It just had to happen! There's a little bug in Opera 10 that I forgot about. You will need to add the following rule to the form's CSS:

    .form-description {
    left: 350px;
    min-width: 150px;
    }

    (In the code I provided, look for the comment /* Injected CSS Code */ and add it under the other rules there.) If this isn't done, the hover texts will obscure the text boxes to which they are attached.

  • Profile Image
    imi
    Answered on January 28, 2012 at 08:33 AM

    Hi Wayne, thanks very much for this. However as I said I am useless at most things PC involved. Could you look at the page source for me and tell me what I have to delete and replace with the code you have written. Don't want to do it all wrong. Thanks.

     

    I notice you are from St James area, we normally go to Sandy Lane, so not far from you. Hopefully this year we will be out there again, if so, I will drop you a line and gladly buy you a bevvy of some kind.

     

    Cheers

    Ian

  • Profile Image
    abajan
    Answered on January 28, 2012 at 08:55 AM

    No problem. I just updated the code with the required change. So, you can go ahead and give it a try.

    P.S. I'm actually in Christ Church in the south of the island - quite far in Bajan terms LOL! (IP lookup tools can be tricky at times.) So, if you bought me a bevvy, I'd need a designated driver to get me home in one piece! :)

  • Profile Image
    imi
    Answered on January 28, 2012 at 10:03 AM

    Have just noticed the prices, and don't know if it is something that needs changing before it is put on the page. The price increase is £3 per day, but between days 3 and 4 it goes up £6 so knocking everything out of sync. Until 12 days when it is the same as 11 days and therefore goes back to being right. Not moaning, and if it is something I can do after it is up I will gladly change it.

  • Profile Image
    abajan
    Answered on January 28, 2012 at 01:42 PM

    Yes, I see what you mean.

    No worries, I'll see what I can do about it over the weekend.

  • Profile Image
    abajan
    Answered on January 28, 2012 at 09:34 PM

    Ian

    The prices have been updated. Yes, the changes had to be made in the form builder first (to be honest, I wasn't sure about that myself but tests proved that to be the case). So, I went into your account and changed the prices and then made the required changes to the code I earlier provided.

    Do let us know if any other changes are needed.


    ~ Wayne

  • Profile Image
    imi
    Answered on January 29, 2012 at 05:15 AM

    Wayne

     

    I can't thank you enough, you have saved me an awful lot of time sitting here scratching my head wondering what to do!! I owe you one. Now just to hope the SEO stuff kicks in and works soon.

     

    Ian

  • Profile Image
    abajan
    Answered on January 29, 2012 at 11:57 AM

    'Twas a pleasure to help thee, Ian!

    Cheers :)

  • Profile Image
    imi
    Answered on February 12, 2012 at 06:11 AM

    Hi Wayne, just a quikie, I think but what do I know!!

     

    The form you made for me, can I put it into jotform somehow, so any changes I make would be saved within Jotform. I am asking as I want to change the background colour and text colour and change the wording at the top. I have also set up a thankyou message that is sent with details I need customers to know, don't know if that is picked up within the code or is seperate. 

     

    Any help, as always. is appreciated.

    ian

  • Profile Image
    abajan
    Answered on February 12, 2012 at 10:53 AM

    Hi Ian

    Unfortunately, the form can't be put into JotForm (which is to say, the form builder) but all of the elements to which you referred, except for the thank you message, can be changed in the code I provided. I just had a look at the page within which the form is embedded and noticed a few things:

    * The colour (text colour) of the headings is gray instead of orange due to at least one declaration in the page's styles (h1, h2, h3 { margin-top: 1.5em; color: #333333; }) overriding the declaration in the JotForm Pastel Theme style sheet that is normally responsible for making the headings orange:

    .form-header-group, .form-collapse-table, .form-pagebreak {
    background: #333333; /* old browsers */
    background: -moz-linear-gradient(top, #333333 0%, #4A4A4A 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#4A4A4A)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#4A4A4A',GradientType=0 ); /* ie */
    color:#FD8F29;
    text-shadow:0 2px 2px #000000;

    border-bottom:1px solid #F8F8F8;
    }

    * When the "This field is required." error message is diplayed, the main label of the field to which it points, vanishes.

    * The check boxes in the payment field are not properly aligned

    All of these issues, in addition to those you mentioned, can be rectified by editing the code. Whatever color would you like the background and text to be, make the changes in form builder and I will see them and update the code accordingly.

    As far as the thank you message is concerned, whatever changes are made in the thank you page wizard in the form builder will be seen by users.

  • Profile Image
    abajan
    Answered on February 12, 2012 at 11:56 AM

    I forgot to mention that I noticed the following warning around line 1085 of your page's source:

    (Click to enlarge)


    Some of the style issues may be due to this. Did you at some point mistakenly paste the code I provided within the head of the page (in the CSS block) instead of the body?