Posts

Showing posts from 2020

hide left sidebar and header on window load in AdminLTE theme

paste below code in header or footer  to apply on all pages else paste in particular pages. $(window).on('load',function(){ $("#header-wrap").hide();   $('body').addClass('header-collapsed');   $(".arrow-icon").toggleClass("open");     //leftsidebar collapsed or minisidebar $("body").addClass('sidebar-collapse'); })

Angular Material Login Component

https://dzone.com/articles/angular-5-material-design-login-application https://www.positronx.io/create-login-ui-template-with-angular-8-material-design/ https://gist.github.com/tarikguney/83cdae881f74b1addce8f3236f503379 Material icons https://material.io/resources/icons/?icon=menu&style=baseline Angular Material 8 Tutorial: Build Navigation UI with Toolbar and Side Navigation Menu==> https://www.techiediaries.com/angular-material-navigation-toolbar-sidenav/ MatListNav Menu Item with more button=> https://stackblitz.com/edit/mat-list-nav-menu-item-jnjdxb?file=app%2Fapp.component.html how to create a nested menu using angular mat-nav material? (updated)=> https://stackoverflow.com/questions/56054770/how-to-create-a-nested-menu-using-angular-mat-nav-material-updated does angular material have a grid system?

export Angular Material Table to excel or pdf or csv

https://stackoverflow.com/questions/49170893/how-to-export-angular-material-table-to-excel-or-pdf-or-csv https://stackblitz.com/edit/mte-demo

Remove GIT integration from VSCode

Open settings.json file and write below code ==>      // Whether git is enabled. "git.enabled" :  false ,      // Path and filename of the git executable, e.g. `C:\Program Files\Git\bin\git.exe` (Windows). "git.path" :  null , // When enabled, commits will automatically be fetched from the default remote of the current Git repository. "git.autofetch" :  false ,

Install ngx-admin

Install tools Git -  https://git-scm.com Node.js -  https://nodejs.org . Please note the  version  should be  >=8 Npm - Node.js package manager, comes with Node.js. Please make sure npm  version  is  >=5 Download the code When you completed tools setup, you need to download the code of ngx-admin application. The easiest way to do that is to clone GitHub repository: Open  cmd prompt  and run the below command:==>  git clone https://github.com/akveo/ngx-admin.git After clone is completed, you need to install npm modules:  cd ngx-admin && npm i   run a local copy   npm start 

uncheck radio button on second click jquery

<div class="col-md-3">   <div class="form-group" >     <label for=" " class="ProLabel1">Stage</label>     <div class="ProInput1">       <input type="radio" onclick="preshow()" name="prepost"    value="pre" >Pre Chargesheet       <input  type="radio" onclick="postshow()" name="prepost" value="post">Post Chargesheet     </div>   </div> </div> <script> $(function(){     $('input[name="prepost"]').click(function(){         var $radio = $(this);         // if this was previously checked         if ($radio.data('waschecked') == true)         {             $radio.prop('checked', false);             $radio.data('waschecked', false);         }   ...

How to focus on a particular input box on page load using Jquery?

To focus on first input box $(function(){ $("input")[0].focus(); }); To focus on second input box $(function(){ $("input")[3].focus(); }); To focus on a particular id of input box $(function(){ $("id1")[0].focus(); });