Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: koodit code-blockeiksi

...

Expand
titleMiten voimme muokata Finna-näkymämme ohjeita niin, että niissä olisi välilehtiä?

Sisältö luultavasti kannattaisi tehdä erillisiin tiedostoihin + välilehdille suoraan. Toki tiedostot voi tehdä ensin ja muokata ne sen jälkeen näkyviksi välilehdillä.

Välilehtien tekeminen pitäisi onnistua seuraavasti:

hakemistosta themes/finna2/templates/content/ ylikirjoitetaan tiedosto help-tabs.phtml, jolloin se kopioituu muokattavaksi samannimisenä kansioon themes/custom/templates/content/

  • jokaisen välilehdeksi haluttavan tiedoston alkuun liitetään koodi:
- -
Code Block
languagephp
<?php if ($this->resolver('content/help-tabs.phtml')): ?>


<?=$this->render('content/help-tabs.phtml', ['activeTab' => 'TIEDOSTONIMI'])?>


<?php endif; ?>
- -

HUOM! Kohdassa 'activeTab' => 'TIEDOSTONIMI' tulee TIEDOSTONIMI korvata kunkin tiedoston nimellä niin, että maatunnukset ja tiedostopääte jätetään pois eli jos tiedosto on vaikka loginhelp_fi.phtml tulee tähän merkitä 'activeTab' => 'loginhelp'

  • tiedostoon help-tabs.phtml tehdään muutokset niin, että jokainen UL-listaelementin rajoittaman ryhmän erillinen LI-kohta edustaa aina yhtä välilehteä:
- -
Code Block
languagexml
<li class="help-tab <?= $activeTab == "help" ? ' active" aria-selected="true"' : '" aria-selected="false"' ?> role="tab" tabindex="0" data-url="<?=$this->url('content-page', ['page' => 'help'])?>">


<?=$this->translate('tabs_help');?>


</li>
- -
  • Näistä kustakin muutetaan activeTab- ja page-viittaukset kys. kohtaa vastaavan välilehden osoittamaan tiedostoon sekä translate halutuksi käännösavaimeksi. Eli jos välilehtiä on esim. 2 kpl (help & loginhelp), saadaan:
Code Block
languagexml
- - -
<li class="help-tab <?= $activeTab == "help" ? ' active" aria-selected="true"' : '" aria-selected="false"' ?> role="tab" tabindex="0" data-url="<?=$this->url('content-page', ['page' => 'help'])?>">


<?=$this->translate('tabs_help');?>


</li>


<li class="help-tab <?= $activeTab == "loginhelp" ? ' active" aria-selected="true"' : '" aria-selected="false"' ?> role="tab" tabindex="0" data-url="<?=$this->url('content-page', ['page' => 'loginhelp'])?>">


<?=$this->translate('tabs_loginhelp');?>


</li>
- - -

HUOM! Jos käännösavaimia ei ole olemassa ne täytyy hallintaliittymässä käännöksineen luoda https://www.kiwi.fi/pages/viewpage.action?pageId=138936821

HUOM2! Yo. rivit joutuu help-tabs.phtml tiedostossa muokkaamaan kahteen kertaan: ensimmäinen UL-ryhmä on leveille työpöytäkokoisille selainikkunoille ja alempi kapeammille selainikkunoille & mobiiliselaimille

. . .

Toivottavasti näillä pääsee asiassa eteenpäin. Mahdollisissa ongelmissa voi luonnollisesti palata asiaan ja kysyä lisää.

...