CMS Made Simple - Official website CMS made Simple Czech Site Zur deutschsprachigen Supportseite CMS Made Simple - Danmark Sitio en Castellano Site francophone Benvenuto su CMSmadesimple CMSMS -  русский CMS Made Simple - slovenská verzia
Facebook

Naptár feladat popup ablakban

A naptárunkba bejegyzett feladatokra kattintva külön nyílik meg a feladat. Jobb megoldás lehet, ha egy fancybox felbukkanó ablakban nézhetjük meg a kiválasztott feladatot.

Ehhez változtatni kell a naptár sablonját. / Admin / Tartalom / Naptár

Keressük meg ezt a kód részletet:

 

{foreach from=$day.events item=event}
<li><a href="{$event.url}">{$event.event_title}</a></li>
{/foreach}

 

és cseréljük le erre:

 

{foreach from=$day.events item=event}
<li><a class="calendar_event" href="{$event.url}?showtemplate=false">{$event.event_title}</a></li>
{/foreach}

Kell még a jQuery modul, ha alapból nincsen a sablonban, és csak az oldalra akarjuk ezt alkalmazni, akkor az oldal (amelyikbe a naptárat illesztettük) Opciók részében a "Smarty-adat vagy -kód, ami erre az oldalra specifikus:" ablakba másoljuk be ezt a két részt (ha a jQuery a sablonban behívásra kerül, akkor csak a <script></script> rész kell!). Ha az egész honlapra vonatkozzon a kód, akkor a sablonba illesszük be.

{JQueryTools action='incjs'}
<script type="text/javascript">
[literal]
jQuery(document).ready(function(){
jQuery('a.calendar_event').fancybox();
});
[/literal]
</script>

Figyelem! A [literal] és [/literal] elemek - kapcsos zárójellel értendők {} - de nem bírom megjeleníteni. Lásd a fölötte lévő képen.

Ezt még formázni kell. a stíluslapba ez került (lehet a calendar stíluslapjába, vagy az oldalhoz tartozó stíluslapba is illeszteni):

 

/* Naptár feladatok popup*/
.calendar-event {
background:#FFFFFF;
color:#000000;
padding:20px;
font-size:12px;
}

.calendar-event h1{
color:#FB8130;
font-size:22px;
border-bottom: 1px dotted #93B277;
padding:5px;
margin-bottom:5px;
}

.calendar-date-from {
font-size:10px;
font-style: italic;
margin-bottom:5px;
}

.calendar_event {
font-size:12px;
}

 

Végeredmény:

Előző oldal: Facebook Like Box beillesztése    Következő oldal: Védett email cím
( Készült: 2011. 01. 12. 10.52 Módosítva: 2011. 01. 12. 15.13 )