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?

Comments

Post a Comment

Popular posts from this blog

datatable with both top and bottom scroll bar.

-
Image
HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>     <head>         <title></title>         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">         <!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>          -->          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>         <script type="text/javascript" src="jquery.doubleScroll.js"></script>         <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/j...
Read more

Display Loader and disable page while waiting for ajax request

-
  I have a project in which I use MVC C#, with Bootstrap and FontAwesome. My objective is to show a spinner and disable the page while waiting for an ajax request. So far, I have successfully acomplished this goal with the following code: HTML: <div id = 'ajax_loader' style = " position : fixed ; left : 50% ; top : 50% ; display : none ; " > <img src = "~/Images/ajax-loader.gif" > </div> JS: function blablabla () { //show spinner, disable page var modal = $ ( '<div>' ). dialog ({ modal : true }); modal . dialog ( 'widget' ). hide (); $ ( '#ajax_loader' ). show (); $ . ajax ({ type : "Get" , url : url , success : function ( result ) { alert ( "success! " + result ); }, error : functi...
Read more

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 ,
Read more