This is a migrated thread and some comments may be shown as answers.

Grid, textbox in detailstemplate looks odd

1 Answer 68 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Anthony
Top achievements
Rank 1
Anthony asked on 04 Aug 2014, 10:12 AM
Hi
  If you look at the textboxes in this example:

http://dojo.telerik.com/OzUz/3

You'll see the textboxes overlap. This is a reproduced example, on my original example it looks a bit worse because the font is larger so the boxes are larger

This is because of this kendo rule, if you override it it looks ok

.km-pane-wrapper *:not(.k-state-default) > input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
  width: 80%;
  padding: .6em 0;
  margin: -0.5em 0;
}

Is this a bug/feature? I'm overriding it locally for now.

I'm using this for editing the grids contents, neither the popup nor inline editing is a good fit for my circumstances

thanks

1 Answer, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 06 Aug 2014, 07:20 AM
Hi Anthony,

This CSS rule is part of the mobile grid styling - in order to achieve the expected result I recommend overriding it locally. As an example: 

.k-grid .k-grid-content td.k-detail-cell .k-textbox{
    margin: 0;
}

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Anthony
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or