New Era Admin Loading..

  • Loading...
    • Bookmark
      Bookmark Icon With Grid
    • Grid Dashboard
      Easy Grid inside dropdown
    • Content
      Activity
      Contacts
      Reports
      Automation
      Settings
    • Notifications
      You have 6 unread messages
    • Someone Likes Your Posts

      2 Hours Ago

    • 3 New Comments

      1 Hours Ago

    • All notification
    • Elana Saint
      Web Designer
    • Profile
    • Inbox
    • Taskboard
    • Settings
  • General
    • Dashboard
    • Default
    • Crypto
    • Ecommerce
    • Widgets
    • General widget
    • Chart widget
    • starter-kit
    • starter-kit
  • UI Kits
    • Ui Elements
    • State color
    • Typography
    • Buttons
    • Avatars
    • helper classes
    • Grid
    • Tag & pills
    • Progress
    • Modal
    • Alert
    • Popover
    • Tooltip
    • Spinners
    • Dropdown
    • Bootstrap Tabs
    • Line Tabs
    • Accordion
    • Navs
    • Lists
    • Scrollable
    • Tree view
    • Bootstrap Notify
    • Rating
    • dropzone
    • Tour
    • SweetAlert2
    • Animated Modal
    • Owl Carousel
    • Ribbons
    • Pagination
    • Steps
    • Breadcrumb
    • Range Slider
    • Image cropper
    • Sticky
    • Icons
    • Fontawesome Icon
    • Ico Icon
    • Thimify Icon
    • Feather icon
    • Whether Icon
    • pe7 icon
    • Ionic icon
  • HotPerk UI
    • Animation
    • Animate
    • Scroll Reveal
    • AOS animation
    • Tilt Animation
    • Wow Animation
    • Menu Options
    • Hide menu on Scroll
    • Vertical Menu
    • Mega Menu
    • Fix header
    • Fix Header & sidebar
    • Cards
    • Basic Card
    • Theme Card
    • Tabbed Card
    • Draggable Card
    • Builders
    • Button Builder
    • Form Builder
  • Forms
    • Form Controls
    • Form Validation
    • Base Inputs
    • Checkbox & Radio
    • Input Groups
    • Mega Options
    • Form Widgets
    • Datepicker
    • Timepicker
    • Datetimepicker
    • Daterangepicker
    • Touchspin
    • Select2
    • Switch
    • Typeahead
    • Clipboard
    • Form Layout
    • Default Forms
    • Form Wizard 1
    • Form Wizard 2
    • Form Wizard 3
    • Form Wizard 4
  • Tables
    • Bootstrap Tables
    • Basic Tables
    • Sizing Tables
    • Border Tables
    • Styling Tables
    • Table components
    • Data Tables
    • Basic Init
    • Advance Init
    • Styling
    • AJAX
    • Server Side
    • Plug-in
    • API
    • Data Sources
    • Extension Data Tables
    • Auto Fill
    • Basic Button
    • Column Reorder
    • Fixed Header
    • HTML 5 Export
    • Key Table
    • Responsive
    • Row Reorder
    • Scroller
    • Js Grid Table
  • Charts
    • Charts
    • Apex Chart
    • Google Chart
    • sparkline chart
    • Flot Chart
    • Knob Chart
    • Morris Chart
    • chatjs Chart
    • chartist Chart
    • Peity Chart
  • Apps
    • Ecommerce
    • Product
    • Product page
    • Product list
    • Payment Details
    • Order History
    • Invoice
    • Pricing
    • Blog
    • Blog Details
    • Blog Single
    • Add Post
    • Timeline
    • Timeline 1
    • Timeline 2
    • Timeline 3
    • Gallery
    • Gallery Grid
    • Gallery Grid with Desc
    • Masonry Gallery
    • Masonry Gallery Desc
    • Hover Effects
    • Job Search
    • Cards view
    • List View
    • Job Details
    • Apply
    • Learning
    • Learning List
    • Detailed Course
  • NewApps
    • User
    • Users Profile
    • Users Edit
    • Users Cards
    • Email App
    • Email Compose
    • Chat App
    • Video chat
    • Calender Basic
    • Social App
    • To-Do
    • Editors
    • Summer Note
    • CK editor
    • MDE editor
    • ACE code editor
    • Others
    • Landing page
    • FAQ
    • Knowledgebase
    • Internationalization
    • Maps
    • Maps JS
    • Vector Maps
  • Pages
    • All Pages
    • Sample page
    • Support Ticket
    • Search Website
    • Error 400
    • Error 404
    • Error 500
    • Maintenance
    • Login Simple
    • Register Simple
    • Forget Password
    • Coming Simple
    • Coming with Bg video
    • Coming with Bg Image
Contacts Status
  • Vincent Porter
    Online
  • Ain Chavez
    28 minutes ago
  • Kori Thomas
    Online
  • Erica Hughes
    Online
  • Ginger Johnston
    2 minutes ago
  • Prasanth Anand
    2 hour ago
  • Hileri Jecno
    Online

Internationalization

admin panel
  2. Apps
  3. Others
  4. Internationalization
Internationalization
Static Sub Nav
  • Base
  • Advance
    • Scrollable
    • Tree View
    • Rating
  • Forms
  • Tables
Static Sub Nav
  • Base
  • Advance
    • ScrollableNew
    • Tree ViewFind
    • Rating
  • Forms
  • Tables
How to use it
Add a class.hdg, .hdg_main, .js-languagePageHdg, .hList, .hList_loose, .masthead-nav., js-languageList, .langChoice, .js-languageSelectclass to any tag for language translate

Add a language-picker plugin js

HTML code

 <div class="site">
  <div class="site-bd">
    <div class="wrapper">
      <div class="card">
        <div class="card-header">
          <h5 class="hdg hdg_main js-languagePageHdg">Internationalization</h5>
        </div>
        <div class="main" role="main">
          <select class="langChoice js-languageSelect">
            <option val="0">English</option>
            <option val="1">German</option>
            <option val="2">Russian</option>
            <option val="3">Arabic</option>
          </select>
        </div>
        <div class="card-body row">
          <div class="col-lg-6">
            <h5 class="hdg hdg_main js-languagePageHdg">Static Sub Nav</h5>
            <div class="masthead" role="banner">
              <ul class="icon-lists border navs-icon hList hList_loose masthead-nav js-languageList">
                <li>
                  <a href="#"><span> Base</span></a>
                </li>
                <li>
                  <a href="#"><span> Advance</span></a>
                  <ul class="hList hList_loose masthead-nav js-languageList">
                    <li class="ps-navs-inline"><a href="#"><span>Scrollable</span></a></li>
                    <li class="ps-navs-inline"><a href="#"><span>Tree View</span></a></li>
                    <li class="ps-navs-inline"><a href="#"><span>Rating</span></a></li>
                  </ul>
                </li>
                <li>
                  <a href="#"><span data-mlr-text> Forms</span></a>
                </li>
                <li>
                  <a href="#"><span data-mlr-text> Tables</span></a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
 </div>
How to add language
you can also add other language according to below in js and add lanuage type in langChoice
var LANGUAGES = {
"English": {
"columns": [
"Base",
"Advance",
"scrollable",
"Tree View",
"Rating",
"News",
"Tables",
"Base",
"Advance",
"scrollable",
"Tree View",
"Rating",
"News",
"Tables"
],
"heading": "Static Sub Nav",
},
"German": {
"columns": [
"Basis",
"Fortschritt",
"scrollable",
"Baumansicht",
"Die Einschaltquote",
"Nachrichten",
"Tische",
"Basis",
"Fortschritt",
"scrollable",
"Baumansicht",
"Die Einschaltquote",
"Nachrichten",
"Tische"
],
"heading": "Statisches U-Boot Nav",
},
"Russian": {
"columns": [
"Основа",
"Прогресс",
"прокручиваемый",
"Представление Дерева",
"Оценка",
"новости",
"Столы",
"Основа",
"Прогресс",
"прокручиваемый",
"Представление Дерева",
"Оценка",
"новости",
"Столы"
],
"heading": "Статический Sub Военно - морской",
},
"Arabic": {
"columns": [
"قاعدة",
"مقدما",
"التمرير",
"عرض الشجرة",
"تصنيف",
"أخبار",
"الجداول",
"قاعدة",
"مقدما",
"التمرير",
"عرض الشجرة",
"تصنيف",
"أخبار",
"الجداول"
],
"heading": "صافي قيمة الأصول شبه الثابتة",
}
};

Copyright © 2024 Poco. All rights reserved.

Hand-crafted & made with