Skip to content
Timeline block for KirbyCMS Editor
CSS JavaScript PHP
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example Update screenshots and add output example Sep 6, 2019
snippets
README.md Update README.md Sep 6, 2019
index.js
index.php First commit Aug 13, 2019

README.md

Kirby-CMS-Timeline-Editor-Block

Timeline block for KirbyCMS Editor

Turn this

Panel View

Into this!

Example from the example.css

Settings

Settings

Outputted HTML

<ul class="timeline">
  <li class=""> <!-- This is the CSS Class from Settings -->
      <div class="timeline-badge primary">
          <span>&#9737;</span> <!-- This is the Icon from Settings -->
      </div>
      <div class="timeline-panel">
          <div class="timeline-heading">
              1947        <!-- This is the Title from Settings -->
          </div>
          <div class="timeline-body">
              <p>
                  <!-- This is the Main content -->
                  Partition of India, formation of the new state of Pakistan, included East Bengal. Assam became a province of North Eastern India. There was no set restrictions on the migration of people from Pakistan and India after partition.            
              </p>
          </div>
          <div class="timeline-footer"></div>
      </div>
  </li>
</ul>

Todo

  • Add Translations
You can’t perform that action at this time.