• Resolved CarolineElisa

    (@carolineelisa)


    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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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

    Thread Starter CarolineElisa

    (@carolineelisa)

    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)

    Thread Starter CarolineElisa

    (@carolineelisa)

    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?

    Thread Starter CarolineElisa

    (@carolineelisa)

    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.

    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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Events list display, and upcoming events widget: Possible to change output?’ is closed to new replies.