Can I differ number of limit of responses on each slots?

  • Profile Image
    zipsockids
    Asked on August 12, 2020 at 12:41 AM
    f I use 'appointment' function. But I don't know where I can see & manage responses which responded on each slot. Can I manage(restore or see current numbers of responses) of that?

    3. There could be few slot on same day. For example, I can set 2 appointment available on Monday. In this case, Can I differ number of limit of responses on each slots?

  • Profile Image
    jherwin
    Answered on August 12, 2020 at 04:19 AM

    To clarify, you want to limit submissions based on the available slots, right?

    You can limit the submission using the Appointment field as well, there's a "Maximum Appointments Per Day" option in the appointment field, you can use that for your needs.

    Please test this formhttps://form.jotform.com/202241580753955

    I've set a limit of 1 submission/appointment per day only so you cannot submit a form once you have selected an appointment on August 13 and 14.

    Here's the guide for more information: https://www.jotform.com/blog/how-to-schedule-an-appointment/

  • Profile Image
    jherwin
    Answered on August 12, 2020 at 07:12 AM

    Thank you for providing more details.

    Unfortunately, your requirement is not possible at the moment. By the way, is your requirement limited to the Appointment field only?

    If you would like I can submit your feature request to our developer team so that if there is a response on the issue you will be notified here.

    Looking forward to your response.

  • Profile Image
    jherwin
    Answered on August 13, 2020 at 12:43 AM

    1.) How about using the Ticket Purchase widget?

    Please test this form and see if that could meet your needs: https://form.jotform.com/202251122199043

    2.) The available slot will be displayed, you just need to subtract the number you entered and the available class.

    3.) If you want to add additional slots, simply add a number to the previously added quantity.

    Example:
    You have placed 100 as quantity before and you want to add another 50 slots. Just make the number 150 and that will do it.

    Please give it a try and let us know how it goes.

  • Profile Image
    zipsockids
    Answered on August 13, 2020 at 03:40 AM

    3-1) screenshot is missed

    1597304299스크린샷

    and further questions

    4) (screenshot) The logo uploaded shows broken on mobile version, How can I optimize it?

    1597304319스크린샷


    5) (screenshot) The texts on the slots show broken on mobile version too, How can I optimize it?

    1597304411스크린샷

  • Profile Image
    jherwin
    Answered on August 13, 2020 at 05:54 AM

    2.) If the user cancels the class, you can add another slot to the widget.

    For example:

    You have set 50 slots for a specific class, now you want to add one (1) more slot since the previous user canceled his class reservation, just put 51 in the limit or quantity to add one slot.

    3.) There's no need to clone or duplicate the form, simply reload the form builder or go to publish tab then go back to the builder and that will fix the issue.

    Please see my screencast below for reference:
    1597312702nqCnc1Jh0c.gif

    4.) Please test the form in a real mobile phone and let us know if the issue persists.

    5.) To fix that, please inject this custom CSS Code to the ticket purchase widget:

    @media screen and (max-width:480px){
    .items-left {
        top:10%;
        position: relative;
        left: 55%!important;
    }}

    Guide: How-to-Inject-CSS-Codes-to-Widgets

    Please give it a try and let us know how it goes.

    Please be sure to test the form in an actual/real mobile device.

    Thank you!

  • Profile Image
    zipsockids
    Answered on August 18, 2020 at 02:25 AM

    Hi Jherwin,

    Sorry for delayed reply by passing the weekends.

    2)3) and 5) are resolved.

    4) Please see the screenshot, could you make it aligned on center ?

    Thanks!

  • Profile Image
    jherwin
    Answered on August 18, 2020 at 03:38 AM

    Please add this custom CSS code to your form:

    @media screen and (max-width:480px){
    .form-all:before {
        top: -13%!important;
    }}

    Give it a try and let us know how it goes.

  • Profile Image
    zipsockids
    Answered on August 20, 2020 at 08:19 PM

    Missed to attach screenshot again.

    I would move logo on the center of the screen.

    Could you follow me up to fix this?

    1597969147스크린샷

  • Profile Image
    jherwin
    Answered on August 20, 2020 at 10:07 PM

    Have you tried the CSS code I gave you before?
    1597975460zip.png
    Here's the CSS code:

    @media screen and (max-width:480px){
    .form-all:before {
        top: -13%!important;
    }}

    Guide: How-to-Inject-Custom-CSS-Codes

    Here's my demo form: https://form.jotform.com/202301340657949

    Please give it a try and let us know how it goes.

  • Profile Image
    zipsockids
    Answered on August 21, 2020 at 04:44 AM

    At this time it stick to bottom.

    Please check screenshot I attached.

    Thanks.

    1597999393스크린샷1597999403스크린샷

  • Profile Image
    jherwin
    Answered on August 21, 2020 at 04:52 AM

    You can adjust the number in this CSS code:

    @media screen and (max-width:480px){
    .form-all:before {
        top: -13%!important;
    }}

    I highlighted the number so you can adjust it to your preference.

    Update the CSS > Save > Reload the form to see the changes.

  • Profile Image
    zipsockids
    Answered on August 23, 2020 at 08:46 PM

    Still stuck at this point again,

    Could you please clarify which css code I need to use between 2 codes you informed to me?

    1598229936스크린샷

  • Profile Image
    Sonnyfer
    Answered on August 24, 2020 at 02:23 AM

    Hi - It's actually the same. You just need to adjust the top percentage (in yellow) until it satisfies your requirement.

    @media screen and (max-width:480px){

    .form-all:before {

        top: -13%!important;

    }}

    Guide: How-to-Inject-Custom-CSS-Codes 

  • Profile Image
    zipsockids
    Answered on August 24, 2020 at 04:15 AM

    I mean the logo is cut on each side...Could you please check the number is proper?
    I tried to adjust number but that code is for just position, not size.

  • Profile Image
    Sonnyfer
    Answered on August 24, 2020 at 08:13 AM

    Thanks for clarifying. Kindly allow me some time to run some tests on my end. I will get back to you shortly.

  • Profile Image
    Sonnyfer
    Answered on August 24, 2020 at 08:34 AM

    Thanks for your patience.

    Kindly replace your forms CSS code with the one below:

    @media screen and (max-width:480px){

    .form-all:before {

        top: -11%!important; 

        background-size: auto 70px;

    }}

    Guide: How-to-Inject-Custom-CSS-Codes 

    RESULT:

    1598272454rss.png

    Let us know if you need further assistance.

  • Profile Image
    Sonnyfer
    Answered on August 24, 2020 at 11:09 PM

    Hello again - Sure thing. Let me try my best to explain it to you.

    1. Could you please explain how the (each) numbers on the code affect to screen in real?

    I wonder how those factor(480px, -11% and auto 70px) works.

    @media screen and (max-width:480px){

    .form-all:before {

        top: -11%!important;

        background-size: auto 70px;

    }}

    2) Unfortunately I found on another issue

    On the next page, it seems like below, could you please help to fix this?

    Allow me to fix this on a separate ticket to avoid confusion. Kindly wait for my response here.