Bootstrap 4 components z-index values

Bootstrap 4 components z-index values

Several Bootstrap components utilize z-index, the CSS property that helps control layout by providing a third axis to arrange content. Bootstrap 4 utilize a default z-index scale that’s been designed to properly layer navigation, tooltips and popovers, modals, and more. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; … Read more

Responsive data table without scroll in bootstrap 4

Responsive data table

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, built upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table. The DataTable widget is responsible for rendering columnar data into a highly customizable and fully accessible HTML table. The core functionality of … Read more

HTML To Docx Export by jquery

There are many ways to export html to doc or docx. . htm-docx-js is easy to use, User-friendly and beneficial for all designer or developers. It have ver small library and its  convert html to docx format that is used by Microsoft word 2007.. plz note that its not support 2008 and not supported in … Read more

SVG path animation

svg path animation

SVG (or Scalable Vector Graphics) is an XML-based file format that enables developers and designers to create high quality, dynamic graphics and graphical applications with a great level of precision. Paths. The element is the most powerful element in the SVG library of basic shapes. You can use it to create lines, curves, arcs and … Read more

How to add and remove a class when the bootstrap popup is scroll [ #2023]

add and remove class when popup is scroll

if you need scroll to whole popup (class=”modal”): $(function () { $(‘.modal’).scroll(function () { var totop = 50; if ($(this).scrollTop() >= totop) { $(“.mycountry”).addClass(“fix”); } else { $(“.mycountry”).removeClass(“fix”); } }); }); if you need scroll to modal content (class=”modal-content”): $(function () { $(‘.modal-content’).scroll(function () { var totop = 50; if ($(this).scrollTop() >= totop) { $(“.mycountry”).addClass(“fix”); … Read more

How to install Ionic 3

Ionic is open source framework used for developing mobile applications. It provides tools and services for building Mobile UI with native look and feel. Ionic framework needs native wrapper to be able to run on mobile devices. This is an introductory tutorial, which covers the basics of the Ionic Open Source Framework and explains how to … Read more