Events on Front page

I'm trying to display events on the home page in the same manner formatted in the demo. I know they have to be set up in K2 as items, but do I also need an events calendar component as well. I've never formatted events in this manner, so please go easy on me.

I can't figure out how to get the events to display. So any help you can offer, I will appreciate.

Thanks.

To prepare the article "right way" you need to disable tineMCE editor (change it to none) and check this article source:

Code: Select all

<div class="gkEvent">
          <h3>Event Details:</h3>
          <ul>
                    <li><strong>Date:</strong> <span class="gkEventPeriod">
                              <time datetime="24-06-2015" class="gkEventDateStart">24 June 2015</time>
                              -
                              <time datetime="28-06-2015" class="gkEventDateEnd">28 June 2015</time>
                              </span> <span class="gkEventHours">
                              <time datetime="07:00" class="gkEventTimeStart">7:00 am</time>
                              -
                              <time datetime="18:00" class="gkEventTimeEnd">6:00 pm</time>
                              </span> </li>
                    <li> <strong>Venue:</strong> <span>Poland, Krynica-Zdroj 246a</span> </li>
                    <li class="gkEventRegister"><a href="index.php/template/pages/users/">Register</a></li>
          </ul>
          <time class="gkEventCounter" datetime="29-05-2013">Time left to event</time>
</div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum, libero id imperdiet elementum, nunc quam gravida mi, vehicula euismod magna lacus ornare mauris. Proin euismod scelerisque risus. Vivamus imperdiet hendrerit ornare. Phasellus dapibus imperdiet nibh, nec sagittis odio condimentum sed. Phasellus dignissim, massa nec ornare fermentum, ligula massa varius dolor, a interdum nisl purus eu magna. </p>
<hr id="system-readmore" />

<h4>The event program:</h4>
<ul class="gkBullet2">
          <li>Nunc viverra elit risus, adipiscing placerat nibh malesuada nec.</li>
          <li>Vivamus bibendum condimentum lacus, id fermentum dolor. </li>
          <li>Donec fringilla libero erat, ut mollis urna auctor eu.  </li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum, libero id imperdiet elementum, nunc quam gravida mi, vehicula euismod magna lacus ornare mauris. Proin euismod scelerisque risus. Vivamus imperdiet hendrerit ornare. Phasellus dapibus imperdiet nibh, nec sagittis odio condimentum sed. </p>


The top part which is:

Code: Select all

<div class="gkEvent">
          <h3>Event Details:</h3>
          <ul>
                    <li><strong>Date:</strong> <span class="gkEventPeriod">
                              <time datetime="24-06-2015" class="gkEventDateStart">24 June 2015</time>
                              -
                              <time datetime="28-06-2015" class="gkEventDateEnd">28 June 2015</time>
                              </span> <span class="gkEventHours">
                              <time datetime="07:00" class="gkEventTimeStart">7:00 am</time>
                              -
                              <time datetime="18:00" class="gkEventTimeEnd">6:00 pm</time>
                              </span> </li>
                    <li> <strong>Venue:</strong> <span>Poland, Krynica-Zdroj 246a</span> </li>
                    <li class="gkEventRegister"><a href="index.php/template/pages/users/">Register</a></li>
          </ul>
          <time class="gkEventCounter" datetime="29-05-2013">Time left to event</time>
</div>


Is responsible for providing data for homepage.
The last thing is to setup NSP module according to our documentation.

Thanks Cyberek... Just to be sure, I don't need a calendar component to work this out... just the instructs you gave and the proper NSP set up?

Got the Events to show up, now my only problem is that I can only see the events on the first row. Please advise.

Could you please post an url to your site?

Thanks. What did you have to do? For future reference, that is.

What do you mean by "What did you have to do?"?

Yes, it's showing up now...

I guess it was NSP setting you had somehow wrongly configured. I have compared settings to documentation and changed those which were wrong.