WordPress.org

Ready to get started?Download WordPress

Forums

Appointment Calendar
Some code editing on my calendar (8 posts)

  1. GreatHawkeye
    Member
    Posted 1 year ago #

    Hi,

    Here is my actual calendar : http://gabrielcoachseduction.com/coaching/consulting-en-drague/

    I need to make some editing. First, I need to center the title "22 —28 avril 2013" in middle of his cell. Then, i need to stick this part on the calendar.

    I also need to set hours this way " 18:00-19:00 " " 19:00-20:00 " etc to "23:00-00:00".
    I need to take off those 2 useless cells above 18:00 and below 22:00. And finally for the booking cells, i need it to look like this : http://i.imgur.com/aNHlBjO.png
    But with the text "Réservé".

    Can you tell me where should i edit code and what should i write ? Im trying to do that since couples of days and im fed up now.

    Thank you.

    http://wordpress.org/extend/plugins/appointment-calendar/

  2. FARAZFRANK
    Member
    Posted 1 year ago #

    Hi GreatHawkeye,

    Here the instruction:

    1. Center the title "22 —28 avril 2013"
    2. Remove cells above 18:00 and below 22:00.

    File Path: appointment-calendar/menu-pages/fullcalendar-assets-new/css/fullcalendar.css

    Change CSS to
    
    .fc td, .fc th {
        padding: 0;
        vertical-align: top;
    }
    
    To
    
    .fc td, .fc th {
        padding: 0;
        vertical-align: middle;
    }
    Change it:
    .fc-header-title h2 {
        margin-top: 0;
        white-space: nowrap;
    }
    
    To
    
    .fc-header-title h2 {
        /*margin-top: 0;*/
        white-space: nowrap;
    }
    Change It
    
    th, td, table {
        border: 1px solid #DDDDDD;
    }
    
    To
    
    th, td, table {
        /*border: 1px solid #DDDDDD;*/
    }

    3. To display Start Time & End Time as: 18:00-19:00
    File: appointment-calendar-shortcode.php

    <?php
    $date = 'Appointment Date Here'; // like: 2012, 03, 26 [format: Y, m, d]
    $start = 'Appointment Start Time Here';   // like: 18, 00
    $end = 'Appointment End Time Here';      // like 19, 00
    $clientName = 'Dead Space';
    ?>
    
    {
    	title: "<?php _e('Les peurs de rorqual: ', 'appointzilla').$clientName; ?>",
    	start: new Date(<?php echo "$date, $start"; ?>),
    	end: new Date(<?php echo "$date, $end"; ?>),
    	backgroundColor : '#1FCB4A',
    	textColor: 'black',
    },

    Thanks
    Frank Faraz

  3. GreatHawkeye
    Member
    Posted 1 year ago #

    Hi Frank,

    The title is now centerd but the cells are still here, even when i add "/* */" around those lines.

    And for the time displays, should i add this code or edit it ? If i have to edit, can you tell me what line is it ?

    Thanks.

  4. FARAZFRANK
    Member
    Posted 1 year ago #

    Hi there,

    Forgot the 3rd step I mention above.

    You need to add a new code-line to display Start Time & End Time as: 18:00-19:00.

    File: appointment-calendar-shortcode.php

    Find Code:

    editable: false,

    Add a new code line as bellow:

    editable: false,
    timeFormat: 'h:mm{-h:mmtt }',

    Thanks & this will help you.
    Frank

  5. GreatHawkeye
    Member
    Posted 1 year ago #

    Hmm thats weird, i've done like you said as you can see in the screenshot here : http://i.imgur.com/BZAeBwT.png
    And it still displays like this : http://gabrielcoachseduction.com/coaching/consulting-en-drague/

    For you to know, I want hours like this : http://i.imgur.com/MQ44fhr.png

    And also for the two useless line, i couldnt manage to get rid of them...

    Thank you very much Frank.

  6. GreatHawkeye
    Member
    Posted 1 year ago #

    Hi

    My issue is still not solved... Can you help me out please ?

  7. FARAZFRANK
    Member
    Posted 1 year ago #

    Hi GreatHawkeye,

    Tell me, What are remaining issues?

  8. GreatHawkeye
    Member
    Posted 1 year ago #

    Well actually all of them...

    You can my current calendar here : http://gabrielcoachseduction.com/coaching/consulting-en-drague/

    And i want to display hours like :

    18:00-19:00
    19:00-20:00

    etc...

    And i know know why but the 2 useless lines (one above 18:00 and one below 21:00) wont disappear.

    I tried your code lines but it still doesnt work... Could you possibly help me by doig screenshots ? Or maybe directly interact on my blog..?

    Thank you very much.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.