- var theme_customizer = true;
- var internationalization = true;
doctype html
html(lang='en')
include ../../components/header-files
body
include ../../components/loader
// page-wrapper Start
#pageWrapper.page-wrapper
include ../../components/header
// Page Body Start
.page-body-wrapper.horizontal-menu
include ../../components/sidebar
.page-body
.container-fluid
.page-header
.row
.col-sm-6
h3
| Internationalization
ol.breadcrumb
li.breadcrumb-item
a(href='index.html')
| Home
li.breadcrumb-item.active Internationalization
.col-sm-6
include ../../components/bookmark
// Container-fluid starts
.container-fluid
.row
.col-lg-12
.site
.site-bd
.wrapper
.card
.card-header.language-header.pb-0
h5 Internationalization
.main(role='main')
select.langChoice.js-languageSelect
option English
option German
option Russian
option Arabic
.card-body.row
.col-sm-6
h5.hdg.hdg_main.js-languagePageHdg Static Sub Nav
.masthead(role='banner')
ul.icon-lists.border.navs-icon.hList.hList_loose.masthead-nav.js-languageList
li
a(href='javascript:void(0)')
span Base
li
a(href='javascript:void(0)')
span Advance
ul.hList.hList_loose.masthead-nav.js-languageList
li.pl-navs-inline
a(href='javascript:void(0)')
span Scrollable
li.pl-navs-inline
a(href='javascript:void(0)')
span Tree View
li.pl-navs-inline
a(href='javascript:void(0)')
span Rating
li
a(href='javascript:void(0)')
span(data-mlr-text='') Forms
li
a(href='javascript:void(0)')
span(data-mlr-text='') Tables
.col-sm-6.language-xs
h5.hdg.hdg_main.js-languagePageHdg Static Sub Nav
.masthead(role='banner')
ul.icon-lists.border.navs-icon.hList.hList_loose.masthead-nav.js-languageList
li
a(href='javascript:void(0)')
span Base
li
a(href='javascript:void(0)')
span Advance
ul.hList.hList_loose.masthead-nav.js-languageList
li.pl-navs-inline
a(href='javascript:void(0)')
span Scrollable
span.pull-right.badge.badge-primary New
li.pl-navs-inline
a(href='javascript:void(0)')
span Tree View
span.pull-right.badge.badge-primary Find
li.pl-navs-inline
a(href='javascript:void(0)')
span Rating
li
a(href='javascript:void(0)')
span(data-mlr-text='') Forms
li
a(href='javascript:void(0)')
span(data-mlr-text='') Tables
.col-lg-12
.card
.card-header.pb-0
h5 How to use it
span
| Add a class
code .hdg, .hdg_main, .js-languagePageHdg, .hList, .hList_loose, .masthead-nav., js-languageList, .langChoice, .js-languageSelect
| class to any tag for language translate
.card-body
.language
p Add a
b language-picker
| plugin js
p
b HTML code
pre.mb-0 <div class="site"><br /> <div class="site-bd"><br /> <div class="wrapper"><br /> <div class="card"><br /> <div class="card-header"><br /> <h5 class="hdg hdg_main js-languagePageHdg">Internationalization</h5><br /> </div><br /> <div class="main" role="main"><br /> <select class="langChoice js-languageSelect"><br /> <option val="0">English</option><br /> <option val="1">German</option><br /> <option val="2">Russian</option><br /> <option val="3">Arabic</option><br /> </select><br /> </div><br /> <div class="card-body row"><br /> <div class="col-lg-6"><br /> <h5 class="hdg hdg_main js-languagePageHdg">Static Sub Nav</h5><br /> <div class="masthead" role="banner"><br /> <ul class="icon-lists border navs-icon hList hList_loose masthead-nav js-languageList"><br /> <li><br /> <a href="javascript:void(0)"><span> Base</span></a><br /> </li><br /> <li><br /> <a href="javascript:void(0)"><span> Advance</span></a><br /> <ul class="hList hList_loose masthead-nav js-languageList"><br /> <li class="pl-navs-inline"><a href="javascript:void(0)"><span>Scrollable</span></a></li><br /> <li class="pl-navs-inline"><a href="javascript:void(0)"><span>Tree View</span></a></li><br /> <li class="pl-navs-inline"><a href="javascript:void(0)"><span>Rating</span></a></li><br /> </ul><br /> </li><br /> <li><br /> <a href="javascript:void(0)"><span data-mlr-text> Forms</span></a><br /> </li><br /> <li><br /> <a href="javascript:void(0)"><span data-mlr-text> Tables</span></a><br /> </li><br /> </ul><br /> </div><br /> </div><br /> </div><br /> </div><br /> </div><br /> </div><br /> </div>
.col-lg-12
.card
.card-header.pb-0
h5 How to add language
span
| you can also add other language according to below in js and add lanuage type in langChoice
.card-body
.language
span.font-danger var
| LANGUAGES = {
br
| "English": {
br
| "columns": [
br
| "Base",
br
| "Advance",
br
| "scrollable",
br
| "Tree View",
br
| "Rating",
br
| "News",
br
| "Tables",
br
| "Base",
br
| "Advance",
br
| "scrollable",
br
| "Tree View",
br
| "Rating",
br
| "News",
br
| "Tables"
br
| ],
br
| "heading": "Static Sub Nav",
br
| },
br
| "German": {
br
| "columns": [
br
| "Basis",
br
| "Fortschritt",
br
| "scrollable",
br
| "Baumansicht",
br
| "Die Einschaltquote",
br
| "Nachrichten",
br
| "Tische",
br
| "Basis",
br
| "Fortschritt",
br
| "scrollable",
br
| "Baumansicht",
br
| "Die Einschaltquote",
br
| "Nachrichten",
br
| "Tische"
br
| ],
br
| "heading": "Statisches U-Boot Nav",
br
| },
br
| "Russian": {
br
| "columns": [
br
| "Основа",
br
| "Прогресс",
br
| "прокручиваемый",
br
| "Представление Дерева",
br
| "Оценка",
br
| "новости",
br
| "Столы",
br
| "Основа",
br
| "Прогресс",
br
| "прокручиваемый",
br
| "Представление Дерева",
br
| "Оценка",
br
| "новости",
br
| "Столы"
br
| ],
br
| "heading": "Статический Sub Военно - морской",
br
| },
br
| "Arabic": {
br
| "columns": [
br
| "قاعدة",
br
| "مقدما",
br
| "التمرير",
br
| "عرض الشجرة",
br
| "تصنيف",
br
| "أخبار",
br
| "الجداول",
br
| "قاعدة",
br
| "مقدما",
br
| "التمرير",
br
| "عرض الشجرة",
br
| "تصنيف",
br
| "أخبار",
br
| "الجداول"
br
| ],
br
| "heading": "صافي قيمة الأصول شبه الثابتة",
br
| }
br
| };
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files