Announcement

Collapse
No announcement yet.

Events registration form not responsive to mobile phones

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Events registration form not responsive to mobile phones

    Hi.

    We have a new event registration form, it works great on regular devices screens such as laptops but not responsive on mobile phones, the add button does not show and cannot scroll. is this still an issue with this version? I saw the posts below that the platform does not support mobile devices but that was in 2018, is this still the case? Is there anyway you can help?





    Org id is: 00DA00000000miZ
    I have granted you account access for one week.

    Thank you,

  • #2
    Hi Samiam ,

    Unfortunately, we don't yet have officially responsive templates available. I see you have already implemented some of the suggestions from the Mobile friendly event registration pages (post 39215 above) - thank you. Do you have a link where you have embedded the form that you are reviewing while you are working towards getting the page to load on a mobile?

    I reviewed our website's performance on Google Analytics (see attached), and the lowest resolution for our website users is 360-375 pixels wide

    I cloned your event, and made of few changes you could consider:
    • Removed the Registrations Included (123 px), Qty (41 px), and Total (49) columns from the form, saving ~ 220 pixels in width
    • I reduced the form fields required for Attendees
    • I changed the form's label for the Attendee from "Attendee No.1" to "Guest" - saving another 40ish pixels"
    These are the easy changes- I made them in about 15 minutes, and have gotten the form down to 440 pixels, where I'm running into the limits of what can easily be changed with settings.

    You may want to consider creating the event as an Anonymous event (still collects Registrant billing information), to make registration simpler - as it is a virtual event, I would expect most users would be registering themselves, and anyone that would join them would likely be at the same address.

    After that, changing the form's width requires changes to the CSS, and that gets complex. I'll see what can be done and make some recommendations to the development team.

    ~ Amanda
    C&P Live Support




    Attached Files
    Regards,
    Click & Pledge Support Department

    On Salesforce? Help us by rating our app: <a href="https://appexchange.salesforce.com/listingDetail?listingId=a0N30000003JGBvEAO" title="Click &amp; Pledge Donor Management on AppExchange" target="_Outside">Click &amp; Pledge Donor Management on AppExchange</a>

    Join us @ the educational webinars: <a href="https://clickandpledge.com/webinars/" title="Click &amp; Pledge Webinars" target="_Outside">https://clickandpledge.com/webinars/</a>
    Live Support available Join between 3:00 - 3:30 p.m. ET Monday - Thursday: <a href="https://clickandpledge.com/webinars/" title="Click &amp; Pledge Webinars" target="_Outside">https://clickandpledge.com/webinars/</a>
    Are you on Salesforce? Join us at the Power of Us Hub: <a href="https://powerofus.force.com/0F980000000CjpC" title="Power of Us Hub" target="_Outside">https://powerofus.force.com/0F980000000CjpC</a>

    Comment


    • #3
      I'm afraid that the biggest barrier after the changes I suggested is the Attendee pop-up, and while some changes can be made with CSS - they are not practical without changes to the code as well. The suggestions already provided are the best approach under the current version.
      Regards,
      Click & Pledge Support Department

      On Salesforce? Help us by rating our app: <a href="https://appexchange.salesforce.com/listingDetail?listingId=a0N30000003JGBvEAO" title="Click &amp; Pledge Donor Management on AppExchange" target="_Outside">Click &amp; Pledge Donor Management on AppExchange</a>

      Join us @ the educational webinars: <a href="https://clickandpledge.com/webinars/" title="Click &amp; Pledge Webinars" target="_Outside">https://clickandpledge.com/webinars/</a>
      Live Support available Join between 3:00 - 3:30 p.m. ET Monday - Thursday: <a href="https://clickandpledge.com/webinars/" title="Click &amp; Pledge Webinars" target="_Outside">https://clickandpledge.com/webinars/</a>
      Are you on Salesforce? Join us at the Power of Us Hub: <a href="https://powerofus.force.com/0F980000000CjpC" title="Power of Us Hub" target="_Outside">https://powerofus.force.com/0F980000000CjpC</a>

      Comment


      • #4
        Hi Amanda,

        Thank you so much for your help. Here is our current even registration page using the current template: Solas Awards - The Welcoming Center

        We will try the template clone you modified and see how it work and looks line and get back to you.

        Thank you,

        Comment

        Working...
        X