• Resolved bernbeam

    (@bernbeam)


    Hi there,

    i wonder if it is possible to add a class to the rdv table in order to make it responsive.
    I made a rendez-vous with a lot of dates. To show them all the table needs to be scrollable in horizontal direction.

    Any ideas, how to resolve this?

    Thanks a lot!

    Bernhard

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author awijasa

    (@awijasa)

    Hello @bernbeam,

    The first step is to add a div wrapper around the #rendez-vous-attendees-prefs table.

    I assume that you are comfortable applying plugin modifications yourself.

    Here are the detailed steps to make the Rendez Vous time table horizontally scrollable:

    1. Open /plugins/rendez-vous/includes/rendez-vous-template.php.

    2. Replace $output = '<table id="rendez-vous-attendees-prefs">'; with $output .= '<table id="rendez-vous-attendees-prefs">';.

    3. Above that line, add $output = '<div id="rendez-vous-attendees-prefs-wrapper">';.

    4. Below $output .= '</table>';, add $output .= '</div>';

    Then, add this CSS into Appearance > Customize > Additional CSS:

    
    #rendez-vous-attendees-prefs-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
    }
    

    I hope this helps.

    Thanks,

    @awijasa

    • This reply was modified 8 years, 4 months ago by awijasa.
    Thread Starter bernbeam

    (@bernbeam)

    Hello awijasa,

    thanks for your great support! It helped!

    All the best for the new year!

    Bernhard

    Plugin Author awijasa

    (@awijasa)

    Here is to an awesome 2018!!

    @awijasa

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘adding a class’ is closed to new replies.