Forums Ignite UI for Blazor
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Yeowon Yoon
0
Default Form control support and CSS problems
posted

I've used DatePicker and <input>.

As the image shows DatePicker have additional margin value. how can i Remove this?
I can't align with Other components.

So how can i archive this?

1. use igniteUI's css properties

2. use IgniteUI for Blazor's Default Components(which is hidden so i couldn't find and how to use)

3. remove DatePicker's useless css value.

Written above is what i have tried. and all of them failed.(some ot them was invisible and class approach doen't affected due to blazor's css isolation)

  • 2155
    Verified Answer
    Offline posted

    Hello Yeowon,

    Thank you for posting in Infragistics Forum.

    You can remove the top margin of Date Picker with the css below.

    -----
        .ig-date-picker .ig-input-content {
            padding-top: 0 !important;
        }
    -----

    I have attached the sample.

    IgBlazor.zip