Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Drop Down as Table or Show In a Static Location

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #185515
    ampedout
    Participant

    I have a drop down menu that shows after choosing a date in a calendar. It then opens up a drop down menu for the time slot. This is an awful design and I would like to change it. I do not, however, know how to. I have been trying to days and am admitting defeat.

    http://www.energyreclaimer.com

    An example of this is located on my website, just scroll down on the main menu. Choose a service and then a date. Then you will see the time drop down. I would like a table to show under the calendar that shows up after you choose a date. It can even be there before that too. I would like it to be roughly 3 columns of available times. With other scheduling software, it does this. This is the only one that offers great features with editable CSS.

    Here is a screenshot of the element highlighted and some of its associated code:

    http://energyreclaimer.com/wp-content/uploads/2014/10/calendar-time-drop-down-issue.png

    #185926
    ampedout
    Participant

    So I have been poking around a bit and have gotten the hour time slots to show as a grid type and have its overflow shown. Now, I can not seem to find out how to get it to show up next to the calendar container at all times. Then in a mobile device, it wont be able to display it to the right due to its width, so it forces if below the calendar container. Like so:

    Browser:

    Calendar | Exact Time

    Mobile:

    Calendar


    Exact Time

    Could someone look at the site and help me achieve this? http://energyreclaimer.com/schedule-an-appointment/

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.