Wrong style?

[Mattias]

Hi,
I have a datepicker, textbox and one autocomplete box on my page. Textbox and autocomplete looks fine but the datepicker doesn't align correctly. Bug?
Looks the same in IE9 and FF17.



Regards,
Mattias

[Dimiter Madjarov]

Hi Mattias,

I could not reproduce the issue on our side and I think it is caused by some custom styles in your page. For your convenience I am attaching the sample project, that I tested with. Please let me know if it covers your case.
 

Regards,
Dimiter Madjarov
the Telerik team

[Mattias]

Hi,
But I can reproduce it with your example code. If you add one div tag around each box, you'll see what I mean:

@{

    ViewBag.Title = "Home Page";

}

 

<div>

    @(Html.Kendo().DatePicker()

              .Name("datepicker")

        )

</div>

<div>

    <input type="text" name="name" value="" />

</div>

<div>

    @(Html.Kendo().AutoComplete()

          .Name("country")

          .Filter("startswith")

          .Placeholder("Select country...")

          .BindTo(new string[] {

                "Albania",

                "Andorra",

                "Armenia",

                "Austria",

                "Azerbaijan",

                "Belarus",

          })

          .Separator(", ")

    )

</div>

<div>

    <input type="text" name="name" value="" />

</div>

The datepicker have different margins then the autocomplete.



/Mattias

[Dimiter Madjarov]

Hello Mattias,

This alignment occurs, because of a top and bottom padding specified in the .k-input class in kendo.common.min.css file. To change this, you could overwrite the styles.
E.g.

span.k-datepicker.k-input
{
    padding: 0;
}

You could also check the demo about Styling form elements like Kendo UI widgets.


  Greetings,
Dimiter Madjarov
the Telerik team

[Mattias]

Hi,
Thank you, that did help.
But is it not a bug that it has different margins/paddings than for example the autocomplete?

/Mattias

[Dimiter Madjarov]

Hello Mattias,

After discussing this issue with our development team, it seems that this is indeed a bug in the styling of the widgets. It will be fixed in Q1 2013 release. As a sign of gratitude I am adding Telerik points to your account.

Wish you a great day!
 

Greetings,
Dimiter Madjarov
the Telerik team

[Mattias]

Hi,
I just tried the numerictextbox, and it seems to have the wrong styling to.

/Mattias

[Dimiter Madjarov]

Hi Mattias,

Thank you for noticing this. We are aware of the issue and it is already fixed. The fix will be available in the Q1 2013 release.

Wish you a great day!

 

Kind regards,
Dimiter Madjarov
the Telerik team