DORSETRIGS
Home

material-design (29 post)


posts by category not found!

how to add custom md-chips in addition to existing md-chips?

Adding Custom MD Chips Alongside Existing Ones A Comprehensive Guide Problem You re working with Angular Materials md chips component and want to add your own c

2 min read 07-10-2024 25
how to add custom md-chips in addition to existing md-chips?
how to add custom md-chips in addition to existing md-chips?

Tools for creating AnimatedVectorDrawable

Tools for Creating Animated Vector Drawable Bringing Your Designs to Life Animated Vector Drawable AVD is a powerful tool for adding dynamic engaging animations

3 min read 07-10-2024 37
Tools for creating AnimatedVectorDrawable
Tools for creating AnimatedVectorDrawable

Rounded corners on material button

Rounding Out Your Material Buttons A Guide to Corner Radii Material Design buttons are a staple of modern app design known for their clean intuitive and visuall

2 min read 07-10-2024 49
Rounded corners on material button
Rounded corners on material button

Create a CardView with a semicircle on top

Creating a Card View with a Semicircle on Top A Comprehensive Guide Have you ever wanted to add a unique and visually appealing element to your Android app Perh

3 min read 07-10-2024 50
Create a CardView with a semicircle on top
Create a CardView with a semicircle on top

Flutter: FloatingActionButton shadow

Mastering the Shadow of Your Flutter Floating Action Button The Floating Action Button FAB is a key element in many Flutter apps offering a visually prominent w

2 min read 06-10-2024 32
Flutter: FloatingActionButton shadow
Flutter: FloatingActionButton shadow

how to change the asterisk color in required * field

Spice Up Your Forms Changing the Asterisk Color in Required Fields Are you tired of the boring default black asterisk in your web forms Do you want to make your

2 min read 06-10-2024 48
how to change the asterisk color in required * field
how to change the asterisk color in required * field

Closing material design dialog

How to Close Material Design Dialogs A Guide for Developers Material Design dialogs those pop up windows that provide additional information or require user int

2 min read 06-10-2024 43
Closing material design dialog
Closing material design dialog

This material API is experimental and is likely to change or to be removed in the future. error in android when using new material3 card

This material API is experimental Demystifying Material 3 Card Errors in Android Have you encountered the dreaded This material API is experimental and is likel

2 min read 05-10-2024 58
This material API is experimental and is likely to change or to be removed in the future. error in android when using new material3 card
This material API is experimental and is likely to change or to be removed in the future. error in android when using new material3 card

Compose: How to have ime padding and Scaffold padding with edge-to-edge and windowSoftInputMode is adjustResize

Compose Achieving Padding Harmony with Edge to Edge Screens and adjust Resize The Problem When building modern Android apps with Jetpack Compose you might encou

2 min read 05-10-2024 57
Compose: How to have ime padding and Scaffold padding with edge-to-edge and windowSoftInputMode is adjustResize
Compose: How to have ime padding and Scaffold padding with edge-to-edge and windowSoftInputMode is adjustResize

Why is MaterialAutoCompleteTextView rendered differently than TextInputEditText?

Understanding the Differences Between Material Auto Complete Text View and Text Input Edit Text In Android development UI components often come with varying fun

3 min read 30-09-2024 45
Why is MaterialAutoCompleteTextView rendered differently than TextInputEditText?
Why is MaterialAutoCompleteTextView rendered differently than TextInputEditText?

Change BottomSheetScaffold Max Width

How to Change the Max Width of Bottom Sheet Scaffold in Jetpack Compose In Jetpack Compose the Bottom Sheet Scaffold is a powerful component that provides a sli

2 min read 26-09-2024 50
Change BottomSheetScaffold Max Width
Change BottomSheetScaffold Max Width

Upgrade Error && Thegetter 'subtitle2' isn't defined for the class 'TextTheme' || Member not found: 'MediaQuery.boldTextOverride'. material theme

Troubleshooting Upgrade Errors in Flutter Understanding The getter subtitle2 isnt defined for the class Text Theme and Member not found Media Query bold Text Ov

2 min read 26-09-2024 55
Upgrade Error && Thegetter 'subtitle2' isn't defined for the class 'TextTheme' || Member not found: 'MediaQuery.boldTextOverride'. material theme
Upgrade Error && Thegetter 'subtitle2' isn't defined for the class 'TextTheme' || Member not found: 'MediaQuery.boldTextOverride'. material theme

Does Angular Material 3 have css helper classes for margin/padding, flexbox, etc

Understanding Angular Material 3 CSS Helper Classes for Margin Padding and Flexbox When working with Angular Material 3 developers often seek efficient ways to

2 min read 26-09-2024 66
Does Angular Material 3 have css helper classes for margin/padding, flexbox, etc
Does Angular Material 3 have css helper classes for margin/padding, flexbox, etc

Some Material icons are not rendering in my Angular project

Troubleshooting Material Icons Rendering Issues in Angular Projects If you re facing issues with certain Material icons not rendering properly in your Angular p

2 min read 23-09-2024 75
Some Material icons are not rendering in my Angular project
Some Material icons are not rendering in my Angular project

Angular Material 18 (Material Design 3) theming - get color from theme and write into a custom property

Angular Material 18 Material Design 3 Theming How to Extract Theme Colors into Custom Properties In this article we will explore how to utilize Angular Material

2 min read 21-09-2024 49
Angular Material 18 (Material Design 3) theming - get color from theme and write into a custom property
Angular Material 18 (Material Design 3) theming - get color from theme and write into a custom property

Jetpack Compose RangeSlider crash for discrete values

Solving the Jetpack Compose Range Slider Crash with Discrete Values The Jetpack Compose framework has revolutionized how we build Android UIs offering a more in

2 min read 19-09-2024 57
Jetpack Compose RangeSlider crash for discrete values
Jetpack Compose RangeSlider crash for discrete values

Theming container element w/ Angular Material

Styling Your Angular Material Containers A Comprehensive Guide Angular Material a popular UI library provides a wide array of pre built components including var

2 min read 13-09-2024 60
Theming container element w/ Angular Material
Theming container element w/ Angular Material

How to achieve a full-screen dialog as described in material guidelines?

Achieving Full Screen Dialogs in Material Design A Practical Guide Material Design guidelines emphasize a clear and consistent user experience and that includes

2 min read 06-09-2024 55
How to achieve a full-screen dialog as described in material guidelines?
How to achieve a full-screen dialog as described in material guidelines?

Bottom overloaded by 213 pixels in flutter

Bottom Overloaded by 213 Pixels in Flutter Understanding and Solving Keyboard Issues The error Bottom overloaded by 213 pixels is a common issue in Flutter when

2 min read 05-09-2024 54
Bottom overloaded by 213 pixels in flutter
Bottom overloaded by 213 pixels in flutter

How to change color of the password toggle in TextInputLayout?

Dynamically Changing the Password Toggle Color in Text Input Layout The Text Input Layout in Androids Material Design library provides a convenient way to inclu

2 min read 05-09-2024 63
How to change color of the password toggle in TextInputLayout?
How to change color of the password toggle in TextInputLayout?

How to add expand/collapse to mkdocs material theme rightbar?

Adding Expand Collapse Functionality to Mk Docs Material Theme Rightbar This article explores how to implement an expand collapse feature for the rightbar in Mk

3 min read 05-09-2024 57
How to add expand/collapse to mkdocs material theme rightbar?
How to add expand/collapse to mkdocs material theme rightbar?

How to change the animation speed of a Material-UI Linear Progress Bar indeterminate?

Slowing Down the Material UI Linear Progress Bar Indeterminate Animations The Material UI Linear Progress Bar offers a convenient way to visually indicate ongoi

2 min read 04-09-2024 56
How to change the animation speed of a Material-UI Linear Progress Bar indeterminate?
How to change the animation speed of a Material-UI Linear Progress Bar indeterminate?

Adjust androidx.preference dialogs to follow Material You

Material You and Preference Dialogs A Guide to Consistent Styling The adoption of Material You brings a fresh look to Android apps but integrating it seamlessly

2 min read 04-09-2024 50
Adjust androidx.preference dialogs to follow Material You
Adjust androidx.preference dialogs to follow Material You

How to put a Divider between DropdownMenu items in Flutter

Adding Dividers to Flutter Dropdown Menus A Step by Step Guide Flutters Dropdown Menu widget provides a convenient way to present users with a list of options B

2 min read 03-09-2024 63
How to put a Divider between DropdownMenu items in Flutter
How to put a Divider between DropdownMenu items in Flutter

Material Design 3 with Angular

Embracing Material Design 3 in Your Angular Projects A Comprehensive Guide Material Design 3 MD 3 is the latest iteration of Googles design system offering a vi

2 min read 03-09-2024 52
Material Design 3 with Angular
Material Design 3 with Angular