Issues and question about “create event” form

  • Resolved jimmyjoe

    (@jimmyjoe)


    8 years, 2 months ago

    Hi,
    I have several questions about some fields and parts of the form where a user creating an event.

    1. The fields for em-date-start, em-date-end, em-time-start and em-time-end, where the user defines time and date ranges for his event, are too long. Where can I change the size of these fields?

    2. When user click on the field to change em-date-start a calender apears. The drop-down menues for months and years have white fonts on white background (->invisible). Can I change the font here anyhow?

    3. When the user click on field to change em-time-start a drop-down menue with times from 0:00 to 24:00 in 15 minutes steps apears. First issue is that the graphical apearence is corrupted a little and some fields are shifted on each other. The other problem is that there are too many possible times to select. Can I change the possible time to select to e.g. 10:00 to 18:00?

    4. All fields in the form are stacked under each other. Can I change the position of these to make the form more compact?

    It would be great if somebody could help me. At the moment this form doesn’t look that good.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Support angelo_nwl

    (@angelo_nwl)

    hi,

    you can try to modify template file at events-manager/templates/forms/event-editor.php

    to use templates: https://wp-events-plugin.com/documentation/using-template-files/

    eg. wp-content/themes/Your Theme/plugins/events-manager/forms/event-editor.phplist.php

    Thread Starter jimmyjoe

    (@jimmyjoe)

    In event-editor.php there are unfortunately no possibilities to change field, or drop-down designs and also no possibilities to change any data withhin this drop-downs (time suggestions) I already tried it.

    Do you know where these field designs and content of the fields and drop-down menues are defined and could be changed?

    These are probably issues caused by your theme. The design issues can probably be corrected with additions to your stylesheet. Can you post a link?

    Thread Starter jimmyjoe

    (@jimmyjoe)

    My theme is quest. Unfortunately you have to be registered on my website to see the form where you can add a new event.

    Can you post a screenshot of what you’re seeing?

    Thread Starter jimmyjoe

    (@jimmyjoe)

    For my issues 1 and 4 here is the image:
    https://postimg.org/image/ceu646635/

    For issue 2 the image is:
    https://postimg.org/image/vzxzayfg7/

    For issue 3 the image is:
    https://postimg.org/image/eor6g9akz/

    The website is in German so if you need any translation to understand what is where, please ask.

    Because we only have the screenshots and not a live site to look at, the best advice I can give is to right-click on the element you want to adjust and click Inspect. This will let you see the HTML source for the element.

    You can use the inspector to test new CSS rules and find the values you want, then transfer those to your main stylesheet.

    Thread Starter jimmyjoe

    (@jimmyjoe)

    Thank you caimin_nwl for your suggestion it worked for all points well but for point 3.

    I can see that div.time-picker has a special list, I can also edit this list in the Inspector:
    Edit list stylein inspector

    But I can’t find in which css or php file I can edit this list. Do you have an idea?

    Thread Starter jimmyjoe

    (@jimmyjoe)

    https://postimg.org/image/edtlcvi49/

    To adjust the spacing on the timepicker, you’d need to target the .time-picker class.

    To change the number of times offered, you’d need to create a custom version of this template:

    /events-manager/templates/forms/event/when.php

    This tutorial explains how to create custom templates that are upgrade-safe:

    https://wp-events-plugin.com/documentation/using-template-files/

    Thread Starter jimmyjoe

    (@jimmyjoe)

    Hi again,
    I think the file /events-manager/templates/forms/event/when.php is not used anymore but /events-manager/templates/forms/event/when_with_recurring.php

    I unfortunately don’t know how to change the drop-down-list in this php-file.

    I found in events-manager.min.js following definition:
    e.find(".em-time-input").timePicker({show24Hours:1==EM.show24hours,step:15})
    which defines the time-input-Format of timePicket. Can I change it here globally somehow?

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Issues and question about “create event” form’ is closed to new replies.