{"id":4383,"date":"2021-08-01T00:28:34","date_gmt":"2021-08-01T00:28:34","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/?page_id=4383"},"modified":"2024-08-10T12:54:13","modified_gmt":"2024-08-10T12:54:13","slug":"timeline","status":"publish","type":"page","link":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/elements\/timeline\/","title":{"rendered":"Timeline element"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

2 Types of timeline elements<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

If you want to show off your schedule to the others, this element will come very handy. Please showcase your work using our timeline element.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Timeline\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Vertical timeline<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

You can particularly add different items across your timeline, especially images and text. It can be easily pickable for each item by timeline turning point.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
<\/div><\/div>
\"\"<\/figure>

2016 - 2018<\/h4>
Degree in Los Angeles Art School <\/div>

Lorem Ipsum. Proin gravida nibh vel velitauc cil tor alique enean solli citudin lorem biben elif dumau ctor.<\/p><\/div>

<\/i><\/div>
\"\"<\/figure><\/div><\/div>
\"\"<\/figure>

2019 - 2020<\/h4>
Degree in Los Angeles Art School <\/div>

Lorem Ipsum. Proin gravida nibh vel velitauc cillorem biben elif dumau ctor, nisi elit consequat psum.<\/p><\/div>

<\/div>
\"\"<\/figure><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

History timeline<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
<\/div><\/div>

2016-2018<\/h4>
Degree in Los Angeles Art School <\/div>

Lorem Ipsum. Proin gravida nibh vel velitauc cil tor aliquet. Aenean solli citudin lorem biben elif dumau ctor, nisi elit consequat... ipsum,nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.Sed non mauris vitae erat consequat auctor eu in elit. <\/p><\/div>

<\/div><\/div>

2019-2020<\/h4>
Degree in Los Angeles Art School <\/div>

Lorem Ipsum. Proin gravida nibh vel velitauc cil tor aliquet. Aenean solli citudin lorem biben elif dumau ctor, nisi elit consequat... ipsum,nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.Sed non mauris vitae erat consequat auctor eu in elit. <\/p><\/div>

<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Custom icon<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
<\/div><\/div>

01. First step info<\/h4>
<\/div>

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean<\/p><\/div>

<\/path><\/path><\/line><\/line><\/line><\/line><\/line><\/line><\/line><\/line><\/line><\/line><\/path><\/svg><\/div>
<\/div><\/div><\/div>

02. Second step info<\/h4>
<\/div>

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean<\/p><\/div>

<\/line><\/line><\/line><\/line><\/path><\/path><\/path><\/line><\/circle><\/circle><\/circle><\/path><\/line><\/svg><\/div>
<\/div><\/div><\/div>

03. The last step info<\/h4>
<\/div>

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean<\/p><\/div>

<\/line><\/line><\/path><\/path><\/path><\/path><\/path><\/path><\/path><\/path><\/path><\/line><\/path><\/path><\/line><\/path><\/path><\/line><\/path><\/path><\/line><\/line><\/svg><\/div>
<\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Horizontal timeline<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

UDesign support horizontal timeline element comparable with vertical one. This element particularly support custom line with which link to each item.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
<\/div><\/div>
<\/div><\/div>
<\/div><\/div><\/div>
01<\/div>\"\"<\/div>
02<\/div>\"\"<\/div>
03<\/div><\/div><\/div>

First step info<\/h4>

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean<\/p><\/div>

Second step info<\/h4>

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean<\/p><\/div>

The last step info<\/h4>

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean<\/p><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t

\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\r\n<\/svg>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Glossary<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Timeline element options<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Customize Elements Globally or Individually<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
    \n
  • Show Image:<\/strong> Toggle to decide whether image is shown or not.<\/li>\n
  • Show Icon:<\/strong> Toggle to decide whether icon is shown or not.<\/li>\n
  • Title:<\/strong> Input text for each step.<\/li>\n
  • Meta:<\/strong> Input information form each step.<\/li>\n
  • Description:<\/strong> Input description for each step.<\/li>\n
  • Type:<\/strong> Control the type of breakpoints for each step.<\/li>\n
  • Horizontal Alignment:<\/strong> Control horizontal position of timeline.<\/li>\n
  • Vertical Alignment:<\/strong> Control vertical position of timeline.<\/li>\n
  • Horizontal Space:<\/strong> Control space between timeline and contents.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t
    \r\n\r\n\t\t\t\t\r\n\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
      \n
    • Vertical Space:<\/strong> Control space between each steps.<\/li>\n
    • Image:<\/strong> Styling options for images.<\/li>\n
    • Icon:<\/strong> Styling options for icon.<\/li>\n
    • Meta:<\/strong> Styling options for meta information.<\/li>\n
    • Title:<\/strong> Styling options for title.<\/li>\n
    • Description:<\/strong> Styling options for description.<\/li>\n
    • Content:<\/strong> Styling options for content.<\/li>\n
    • Point:<\/strong> Styling options for point.<\/li>\n
    • Line:<\/strong> Styling options for timeline.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

      2 Types of timeline elements If you want to show off your schedule to the others, this element will come very handy. Please showcase your work using our timeline element. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4383","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/4383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/comments?post=4383"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/4383\/revisions"}],"predecessor-version":[{"id":31469,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/4383\/revisions\/31469"}],"up":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/media?parent=4383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}