Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: koodinsisennykset

...

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ää.

...