Material Resources

Share

Related resources for Material

Create a Material-UI Custom Select Component with React js.9/5/2024 8:31:11 AM. Learn how to create a custom select component using Material-UI with React JS in this tutorial. We’ll walk through setting up Material-UI, designing a customizable select dropdown, and integrating it
Learn CSS Frameworks Structure8/28/2024 6:00:38 AM. This article explores CSS frameworks and front-end architecture, highlighting modular design, functional CSS systems like Tailwind and Bulma, and best practices for consistency and performance. It com
Building A Login Form Using Material Design Control In Visual Studio 20177/26/2024 6:28:26 AM. This article demonstrates how to use Material Skin in Windows. Forms applications with Visual Studio 2017. It covers starting a project, installing Material Skin via NuGet, adding Material controls to
Dynamic Expansion Panel as a separate component.7/21/2024 7:54:06 AM. Create a dynamic expansion panel in Angular using Angular Material to display user personal and correspondence addresses. This involves defining components with TypeScript for logic, HTML for view, an
ASP.NET Core Sample Website - Calculator6/12/2024 10:29:15 AM. This article demonstrates creating a Web Calculator with .NET Core, covering database setup, Azure hosting, ASP.NET Core features, controller setup, views, models, and enum operations. Explore step-by
SQL Query Execution Understanding Process and Performance6/11/2024 11:37:51 AM. Understanding the SQL query execution order—from FROM and JOIN to WHERE, GROUP BY, HAVING, SELECT, ORDER BY, and LIMIT/OFFSET—is crucial for optimizing queries. Key techniques include indexing, optimi
Login And CRUD operations In ASP.NET Web API Using Angular 9 Web Application6/5/2024 11:33:20 AM. Learn to build a full-stack application with ASP.NET Web API and Angular 9. Perform login and CRUD operations using SQL Server. Utilize Angular Material for UI and Bootstrap for styling. Follow step-b
ShieldAI - Azure Powered Content Safety for Protected Material Detection5/16/2024 9:20:55 AM. ShieldAI leverages Microsoft Azure's robust AI capabilities to ensure comprehensive content safety and protected material detection. This advanced system provides real-time monitoring and automate
Add Material UI In React Application4/5/2024 5:48:49 AM. Learn to integrate Material-UI library in React apps for efficient UI development. Install components like Button, AppBar, TextField, Checkbox, and Breadcrumbs. Build responsive user interfaces effor
How to Deploy Angular Application on Nginx?2/7/2024 10:21:24 AM. Deploying an Angular application on Nginx involves setting up Angular, installing Node.js, creating folders, installing Angular CLI, downloading Nginx, configuring ports, building the app, copying fil
How to Use Drag and Drop in Angular?2/5/2024 8:50:11 AM. Learn how to implement drag-and-drop functionality in Angular tables. Follow these steps: create a component, install the Angular drag-and-drop library, add HTML and TypeScript code for table manipula
Local Storage System In the Angular2/2/2024 6:51:03 AM. Learn how to use Locostorage in Angular for efficient data storage. Create components, add a dropdown or button, and manage data in the localStorage with step-by-step instructions.
How to Integrate the Material-UI with React JS1/12/2024 6:28:31 AM. In this article, we will learn about
NavigationView in Android with Java12/15/2023 10:37:08 AM. In this article, you will learn and implement NavigationView in Android with Java.
Snackbar in React9/4/2023 4:21:32 PM. Learn how to integrate Material-UI's Snackbar component into your React application. Prerequisites include familiarity with HTML, JavaScript, React, and Node.js.
Navigation Rail with Material 3 in Jetpack Compose8/29/2023 10:19:52 AM. This article is a tutorial for creating a Navigation Rail in Android.
Navigation Drawer with Material 3 in Jetpack Compose8/29/2023 6:18:34 AM. This article is a tutorial for creating a Navigation drawer in Android.
Material 3 Bottom Navigation Bar in Jetpack Compose8/8/2023 5:57:04 AM. This article describes how we can implement material 3 Bottom Navigation Bar in Jetpack Compose
How to Add Tooltip in React Application7/11/2023 9:19:54 AM. This article demonstrates how to implement tooltips in a React application using Material UI. It covers the prerequisites, setting up a React project, installing Material-UI, creating a tooltip compo
How to Create Modal Popup using Material UI in React Application6/7/2023 5:12:33 AM.
How to Add Material-UI in React?5/30/2023 5:12:44 AM. This article provides a step-by-step guide on how to add Material-UI to a React application. It begins by listing the prerequisites, which include familiarity with HTML, JavaScript, and Bootstrap, as
Materialize CSS Grids Streamlining Layouts for Seamless Web Development5/22/2023 9:39:16 PM. Materialize Grids Streamlining Layouts for Seamless Web Development
How to use Virtual Scrolling using Angular CDK1/16/2023 11:24:33 AM. In this tutorial, we're going to learn the Virtual Scrolling feature that comes bundled with the Angular CDK library.
Materialized Views in Database Systems1/3/2023 8:39:31 AM. This article is intended to illustrate the concepts of materialized views in database systems and their realization through examples written for SQL Server and Oracle database systems.
How To Create A Download Progress Bar With Angular And Material Design12/19/2022 8:50:18 AM. In this article, you will learn how to create a download progress bar with angular and material design.
How To Setup Material Grid In Next JS With Material UI/MUI Component11/29/2022 5:08:37 AM. Material UI or MUI is a library of React UI components that implements Google's Material Design. A fast and extendable react data table and react data grid. It's a feature-rich component avail
How To Setup Button and Dropdown In Next JS With Material UI/MUI Component 11/8/2022 8:17:45 AM. Material UI is a library of React UI components that implements Google's Material Design. Buttons allow users to take actions, and make choices, with a single tap. Select components are used for c
How To Setup Tooltip In Next JS With Material UI/MUI Component 11/1/2022 5:45:47 AM. Material UI or MUI is a library of UI components that implements Google's Material Design.Breadcrumbs consist of a list of links that help a user visualize a page's location within the hiera
How To Setup Next JS With Material UI/MUI Component Basic Breadcrumbs10/7/2022 5:25:46 AM. Material UI or MUI is a library of React UI components that implements Google's Material Design. Breadcrumbs consist of a list of links that help a user visualize a page's location within the
SignUp Page Using Material Design In Android9/21/2022 5:54:26 AM. In this article, you will learn about how to create a signup page using material design in android.
How To Add Charts In Angular Material Components8/3/2022 11:17:38 PM. Adding charts in angular material tab component using CanvasJS angular chart component.
Navigation In WPF And MVVM Using Tab controls6/14/2022 2:02:09 PM. To manage the content of the graphical region in WPF, there is some tools (like PRIM) that allows to have a main region which doesn't change during the navigation, and a dynamic one that will hold
Implementation Of Ant Design In React-JS6/8/2022 6:04:01 AM. This paper focuses on the importance of Ant design frameworks in the current web development world and their advantages of using. This is done with the help of react js along with Material UI.
How To Create Material UI In React10/30/2021 5:26:48 PM. In this article, you will learn how to create material UI in React.
ReactJS Dymanic Menu And Custom Theme Using Material UI5/5/2021 1:01:59 PM. This content help as to build dynamic menu and custom Theme item using material ui and look like professional web site
How To Create Material Design In Angular3/23/2021 1:19:17 PM. In this article, you will learn how to create Material Design in Angular.
Apply Materials, Shaders And Textures To Objects In Unity1/11/2021 2:20:14 PM. In this article, you will learn how to apply materials, shaders, and textures to objects in Unity.
Angular Virtual Scrolling - ngVirtualScrolling11/4/2020 3:15:25 AM. Yes!. Angular 7 is out with some cool new features. I really appreciate that you wanted to experience the brand new Angular. Here in this post, I am going to explain a bit about one of the Angular 7 f
Build Simple Blog Using Angular + Scully + Materialize + Netlify8/7/2020 6:52:30 AM. In this article, you will learn how to build a simple blog application using Angular static site generator Scully, Materialize CSS and deployed on Netlify.
Indian COVID-19 Date-wise Tracker In Angular 10 And Material Design 7/26/2020 10:30:26 AM. In this post, we will see how to create a Covid-19 tracker for Indian states in Angular 10 and material design. We can get the date-wise patient details using this application.
Angular Material Date Range Picker7/21/2020 7:02:31 AM. This article explains the Angular Material date range picker, its implementation, forms of integration, and use of important properties.
Create Simple COVID-19 Tracker With Angular 10 And Material Design7/6/2020 12:55:01 AM. In this post, we will see how to create a simple Covid-19 tracker application with Angular 10 and Material design.
How To Apply Materials, Shaders And Textures To Objects In Unity6/25/2020 12:47:01 AM. In this article, I am going to explain how to apply materials, shaders, and textures to objects in unity.
COVID 19 Tracker With WPF, Material Design And WebAPI6/14/2020 7:32:22 AM. This project is made for educational purposes. You learn how to add styles, design UI, use material design, and much more.
Create An Application To Get User Details In A Dialog Box In Angular With Angular Material Using Web API And SQL5/26/2020 10:02:04 AM. In this article you will learn how to display User details using dialog box in Angular Material with Web Api and SQL.
Covid-19 Tracker Website With React, Material.UI And Chart.js5/17/2020 1:15:20 PM. In this article, you will learn about creating a Covid-19 tracker website with React, Material.UI and Chart.js.
Form Validation Inside Angular Material Table (MatTable) In Angular 95/11/2020 11:05:34 AM. In this article you will learn about Form validation inside Angular Material Table.
Android Material Design Support Library Part 13/27/2020 12:32:03 AM. In this article you will learn about the Android Material Design Support Library.
How To Use Material UI Menus In ReactJS Applications3/11/2020 12:56:03 PM. In this article, you will learn how to use Material UI menus in ReactJS application.
Introduction To Material And Layout Units And Measurements In Google Material Design Guidelines3/3/2020 3:47:44 AM. In this article, you will learn about material and layout units and measurements in Google Material Design guidelines.
How To Add Progress Bar In React Applications2/27/2020 11:35:08 AM. In this article, you will learn how to add a progress bar in react application.
Clearable Material EditText In Android2/19/2020 5:17:42 AM. In this article, we will learn how to create and use Clearable EditText without using any Third party library. It is very easy to implement and useful control for our application development.
How To Add Stepper And Tabs in React Applications2/12/2020 10:58:15 PM. In this article, you will learn how to add stepper and tabs in react applications.
How To Add TreeView Component In React Application2/12/2020 8:51:37 AM. In this article, you will learn how to add TreeView Component in React Application.
How To Add Tooltip in React Application2/10/2020 12:20:51 PM.
Angular Material DatePicker1/24/2020 7:21:23 PM. In this article, you will learn about Angular material DatePicker.
How To Use Material UI Icons In ReactJS Application1/18/2020 3:21:19 AM. In this article, you will learn how to use material UI icons in ReactJS application.
Design Responsive Websites Using Google Material Design Lite1/15/2020 4:32:24 PM. This article explains how to design responsive websites using Google Material Design Lite.
React Material UI Expansion Panel And Dialogs1/6/2020 9:11:34 AM. In this article, you will learn about React Material UI Expansion Panel and Dialogs.
How To Add AutoComplete Textbox In React Application 1/2/2020 10:42:36 PM. In this article, you will learn how to add an autocomplete textbox in react applications.
Add Material-UI Table In ReactJS Application12/27/2019 3:04:40 PM. In this article, you will learn how to add Material-UI table in ReactJS application.
Angular Material From The Beginning - Part Three10/17/2019 7:27:01 AM. In this part 3 of the Introduction to Angular material design, we will learn Angular Material Popups and Modal components.
React Material UI 10/9/2019 9:16:31 AM. In this article, we are going to learn about what Material UI library is and how to install a Material UI library in React web applications.
Create Simple Chips In Angular Without Material Design9/26/2019 11:23:35 PM. In this post, we will create a simple chips feature in Angular 8 application without material design. We will use simple html elements, css and typescript code to implement chips design.
A Look Into Angular Material Design And Fixing Issues During Installation🔧If Any8/9/2019 8:03:10 AM. Here, we will learn a step-by-step process about Angular Material Design and fix the issue during Angular Material installation, if any, in an easy way.
Angular Material From The Beginning - Part Two7/1/2019 4:50:43 AM. In this article, you will learn about Angular Material.
WPF Application With Google's Material Design6/25/2019 8:58:58 AM. This article shows you how to create a WPF application with Google’s Material Design.
Use Angular Material Dialog As Spinner5/31/2019 9:01:25 AM. In this article, I am explaining how to use an Angular Material dialog as a spinner.
Xamarin.Forms - Working With Material Design5/16/2019 9:42:22 AM. In this article, you will learn how to use material design in Xamarin.Forms.
Angular Material From Beginning - Part One5/16/2019 12:45:28 AM. In this article, we will learn the basics of Angular Material and how to add Material to an Angular project.
Creating Drag-n-Drop List In Angular Using Angular Material3/8/2019 8:53:45 AM. In this article, I am going to show you how to implement Drag and Drop Lists in an Angular application.
Angular Material Design Components With Reactive Form - Part Two11/30/2018 5:02:54 AM. This is a continuation part of Angular material component with Reactive forms, in which we are going to learn how to implement reactive forms with Angular material controls. FormControl, FormGroup, fo
Virtual Scrolling With Angular Application In CDK (Component Development Kit)11/14/2018 2:20:39 AM. Virtual scrolling enables us to displays large lists of elements performantly by only rendering the items that fit on the user's screen. download the source code from below url,https://github.com/
Display Component Dynamically As A Modal Popup Using Material Dialog In Angular 611/13/2018 8:53:03 PM. In this article, we will cover how to display component dynamically as a Modal Popup using Material Dialog in Angular 6 application.
Angular Material Datatable With Angular 6 - Part Two10/22/2018 11:55:16 PM. In this second part, we will learn that how to implement Searching, Filtering with Angular Material Datatable and will see the combined example with all of the features we have implemented separately.
Angular Material - Part One10/3/2018 11:52:10 PM. Angular Material is a library of reusable and high quality UI components that are built with Angular and Typescript. These components are internationalized so users with different languages can use th
Angular Material Datatable With Angular 6 - Part One10/1/2018 2:00:00 PM. In this part of series, we are going to learn that How to use Angular Material Datatable with Angular6, we will learn to implement Pagination, Sorting, Searching the records using Material Datatable.
Angular Material - Part Two9/21/2018 9:42:56 AM. If you worked with bootstrap you know that implementing tabs require some complex markup but in Angular Material we can easily add tabs to our application with only 2 elements.
Using Materialized Views Effectively9/6/2018 11:04:20 PM. In this article, I will explain some of the rationale for material view usage along with a specific example that takes advantage of the SQL MERGE statement to incrementally reconcile changes to a tabl
Angular Material Design Components With Reactive Forms - Part One6/15/2018 11:58:28 PM. This is a demo for using Angular Material Design Components with Angular 5 that creates an attractive UI and enhances the app's performance.
Material Sidenav And Datatable Using Angular 66/9/2018 6:27:16 AM. After the release of Angular 6 , Starter component was released to quickly develop material datatable and sidenav
Contact Application Using ASP.NET Core Web API, Angular 6.0, And Visual Studio Code - Part Two5/16/2018 9:19:54 AM. Setup Angular 6 within ASP.NET Core Web API Project, and develop the contact form & list component using Angular Material UI.
Contact Application Using ASP.NET Core Web API, Angular 6.0, And Visual Studio Code - Part One5/15/2018 9:37:19 AM. Setup ASP.NET Core Web API project, and develop the Web API controller for contact application CRUD operations using Visual Studio code.
Material Dashboard Using Angular 65/7/2018 9:46:19 AM. In the month of May, Angular 6 was released and new quick start feature release of Material dashboard which provides starter dashboard component which contains number of cards to look like dashboard a
Angular 5 With Material Design Part One: Integrating Angular Material3/19/2018 10:35:19 AM. In this article, we'll walk through the steps which are needed to set up an Angular project, including the Angular Material Design Library in your project.
Creating Drawer Layout Using Material Design In Xamarin.Android9/9/2017 11:11:03 AM. In this article, you will learn how to create Drawer Layout using Material Design in Xamarin.Android.
Introduction To Angular Material 1.09/29/2016 3:25:16 AM. In this article, you will learn about Angular Material 1.0.
Getting Started With Angular Material8/4/2016 10:47:25 AM. In this article, you will learn about Angular Material.
Angular Material: Card Based Interface - Part Two7/28/2016 3:52:33 PM. In this article, we will take a look how we can use Angular Material to design card based interfaces for searching books data.
Angular Material: Card Based Interface - Part One7/25/2016 2:00:11 PM. In this article, we will take a look how we can use Angular Material to design card based interfaces.
Xamarin Android: Create Android Recycler View Using Material Design7/10/2016 12:24:24 PM. In this article, you will learn how to create a Xamarin Android Recycler View using Material Design.
AngularMaterial Tutorial With MVC6/2/2016 12:52:58 PM. In this article, you will learn about AngularJS validations on form with Angular material and MVC.
A Look at Angular Material2/26/2016 9:13:28 AM. In this article, we will look into Angular Material, which will help to build responsive web sites using re-usable UI components.
Icon Pack - Material Design In XAML 1.41/19/2016 12:53:12 PM. This article is about release 1.4 of Material Design In XAML Toolkit is a full icon pack. Icon design is a skill itself and finding or creating good icons when designing an application can be a time consuming task. To help in this regard I am pleased to announce that the entire Material Design Icons collection is now included in the library.
Material Design Themed TimePicker and Clock Controls for WPF5/1/2015 3:11:39 AM. The latest entry into the Material Design in XAML Toolkit: TimePicker and Clock controls
Material Design DatePicker/Calendar Style For WPF4/22/2015 7:06:18 AM. In this article we will learn how to create new WPF DatePicker & Calendar Styles for Material Design in XAML Toolkit.
Material Design in XAML - Mash Up!3/4/2015 6:28:20 AM. In this article you will learn how to get a great looking application mock-up, by bringing together Dragablz, MahApps, & Material Design.
How to Use the Material Design Theme With Dragablz Tab Control3/2/2015 4:15:37 AM. Combining Google Material theme, Design and Dragablz for a great, tear-able TabControl.

Topics