WordPress.org

Ready to get started?Download WordPress

Forums

FT Calendar
[resolved] Events list display, and upcoming events widget: Possible to change output? (6 posts)

  1. CarolineElisa
    Member
    Posted 2 years ago #

    Thank you so much for this fantastic plugin!

    I am just wondering if there is a way to change the output of the events list shortcode?:

    - July 2011
    --29
    ---Event name and link

    Basically, while it works well when you have multiple events per day... it isn't great otherwise. Also the nested lists with no classes are difficult to style. Ideally I would like something like the below:

    Event name and link
    29 July 2011

    Thanks in advance for any help you can offer!

  2. Lew Ayotte
    Member
    Plugin Author

    Posted 2 years ago #

    CarolineElisa, have you checked out the FT Calendar Help page in the plugin menu? There is some information there that should help you setup the shortcode the way you want it.

    Lew

  3. CarolineElisa
    Member
    Posted 2 years ago #

    Hi again Layotte! Yes I did check that out thanks, but when I enter the following into a widget:

    [ftcalendar_list limit='1' event_template='%DATE% %MONTH% <br> <a href="%LINK%">%TITLE%</a> (%TIME%)']

    The HTML output is:

    <ul><ul><li>July 2011</li><ul><li>29th</li><ul><li>29th July 2011 <br> <a href="#">Another event</a> (all day)</li></ul></ul></ul></ul>

    Which of course looks like:

    -July 2011
    --29th
    ---29th July 2011
    ---Another event (All day)

    When what I really want is just:

    29th July 2011
    Another event (All day)

  4. CarolineElisa
    Member
    Posted 2 years ago #

    Just in case this may help someone else, I created a nasty CSS hack to get the event list info to display as this:

    29th July 2011
    Event name and link

    Instead of

    July 2011
    29
    Event name and link

    Basically, the CSS targeting the output of [ftcalendar_list limit='1'] in a widget is:

    #widgetID ul {
    	list-style:none;
    }
    /*Month with margin to accommodate day*/
    #widgetID ul ul li {
    	margin-left:30px;
    	float:left;
    }
    /*Day positioned absolutely at top left*/
    #widgetID ul ul ul li {
    	position:absolute;
    	margin-left:0px;
    }
    /*Event on new line*/
    #widgetID ul ul ul ul li {
    	clear: both;
    	float: none;
    	position: relative;
    }

    Note that it doesn't work in IE6 or 7. Maybe someone has a better solution?

  5. CarolineElisa
    Member
    Posted 2 years ago #

    I figured it out! Eventually!

    [ftcalendar_list limit='1' date_template='' month_template='' event_template='%DATE% %MONTH%<br><a href="%LINK%">%TITLE%</a> (%TIME%)']

    Overwrites the individual lines for the date and month and looks like:

    11th November 2011
    Event name (All day)

    FYI the I tried putting '%DATE% %MONTH% into the date and month templates to save a line break, but they don't both work in each.

  6. rickiellen
    Member
    Posted 2 years ago #

    Is there any way to display the day of the week in the listview?

    eg. "Monday, 12 September"

    thank you CarolineElisa for sleuthing out the above formatting!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic