Loading...

Applying UCI Styling to a FluentUI DatePicker component

Applying UCI Styling to a FluentUI DatePicker component

If you're a fan of the native UCI controls, but also want to enjoy the functionality of FluentUI DatePicker components, this article offers a solution. The post walks you through the process of applying UCI styling to a FluentUI DatePicker in a step-by-step approach.

The author intended to create a series of posts about styling of FluentUI controls back in February, and was able to share a post about the styling of text fields. However, due to time constraints, this is the first post about DatePicker styling. By applying the techniques described in this article, the DatePicker component can be transformed to resemble the look of the UCI DatePicker.

If you want to achieve a cohesive and consistent look and feel across your application, this tutorial can help you accomplish that goal.

The post Applying UCI Styling to a FluentUI DatePicker component appeared first on Andrew Butenko's Blog.

Published on:

Learn more
Andrew Butenko's Blog – All I want to share about Development/Customization for Dataverse
Andrew Butenko's Blog – All I want to share about Development/Customization for Dataverse

Share post:

Related posts

Building a Dataset PCF Control with Styling (Without React)

If you're looking to create dataset PCF controls for Power Apps or Dynamics 365, this tutorial will guide you through the process step by step...

2 months ago

Upgrade for the latest Microsoft Fluent Design System visual styling on Microsoft SharePoint

Microsoft SharePoint is getting an upgrade to the latest Fluent visual styling system. This may result in minor changes such as differences in...

3 months ago

How to add styling to a created HTML table for an automated Email notification (Power Automates)?

If you're using Power Automates to create automated email notifications, it's important to ensure that your emails are visually appealing and ...

2 years ago

Custom Styling and CSS in Power Pages Site | Custom CSS in Power Pages | Design Power Pages Site

In this 15th video of the #PowerPages30DaysLearningChallenge series, you'll learn about the art of custom styling and CSS in Power Pages site ...

1 year ago

Applying CSS in Virtual PowerApps Component Framework

If you're working with virtual PowerApps Component Framework (PCF) control, this tutorial can help you apply CSS styling to your control. Typi...

1 year ago

Use DOM Sanitizer to bring into effect Rich Text Styling of HTML pages in Angular designed for Dynamics 365 CRM

In this post, the reader will learn about how to leverage DOM Sanitizer to achieve Rich Text Styling of HTML pages in Angular designed for Dyn...

1 year ago

Applying UCI styling to a FluentUI Dropdown Component

In this blog post, the focus is on styling the FluentUI Dropdown component to blend in with UCI's native interface. The author compares the un...

1 year ago

How to add styling to a created HTML table for an automated Email notification (Power Automates)?

To add some style to your HTML table for an automated email notification using Power Automate, you need to create a compose action in your flo...

2 years ago

Applying UCI Styling to a FluentUI TextField component

If you work with Business Applications or Dynamics CRM/Dynamics 365 for CE/Dataverse, the year 2008 may ring a bell. Back then, the “UI ...

2 years ago
Stay up to date with latest Microsoft Dynamics 365 and Power Platform news!
* Yes, I agree to the privacy policy