Inline editing Create - new row invisible until you click a cell

[PAUL]

Hello I have a grid with inline editing set. The problem is when you click add new it adds a row but everything is invisible in that row until you click in one of the cells.

The demos I see online here don't work that way at all. You click add and it shows up like it should. Can anyone help me out on this one. I feel like it's right in front of me but don't see it and first thing customer said was hey how come I can't see the line when clicking new...

Any help is appreciated

Thanks

Paul

[Dan]

+1

The text box in a white row has no border - so it appears invisible.

[PAUL]

No kidding...how do you make it have a border as in the demos Dan? Also that does not explain the fact that the columns that have a template for a combo or dropdown are invisible as well until you click on them.

Thanks for pointing out the obvious Dan. Appreciated.

-1

[Dan]

Take it easy, I wasn't offering a solution, I was agreeing with you - I'm having the same problem.  I don't know the answer, I was just adding more details.

[PAUL]

No problem...with inline editing this is not an issue...just batch editing

[Dan]

Well, I can't get it to work in inline editing either - or now I can't get it to look like the demo (or default theme).  Turns out there was a * selector in a referenced css file that had border set to none.  I removed that and now it looks like the standard 3D text box.  Somehow, the text-box and single-line classes are not being applied?  I will say, I have some (foreign key) drop down lists in my inline editing and those look exactly like the demo.

Edit:  Actually, I can't find the text-box and single-line classes anywhere in the kendo css files.  If I create my own, then it works - or it uses the styles I add to those classes.

[Vladimir Iliev]

Hi Paul,

 

I tried to reproduce this issue locally with the provided information but to no avail – everything is working as expected on our side. Also if you create new KendoUI MVC project in the VisualStudio and add the Kendo Grid with Inline editing mode, it works exactly as shown in the demo.

Could you please provide an run-able project with the issue reproduced – hopefully they will help us pinpoint the exact reason for this behavior?

Kind Regards,
Vladimir Iliev
the Telerik team

[Dan]

If I extract the \wrappers\aspnetmvc\Examples folder from your kendoui.aspnetmvc.2012.2.913.commercial.zip file, open the Kendo.Mvc.Examples.csproj in VS2010 (or VS2012), and immediately run it -- I get the same issue.  See the attached image.  It all works fine, only the textbox is not styled as in the demo.  Also, I'm not too worried about it anymore as I created my own "text-box" css class - using some of your k-textbox styling - so now it looks the same.

I would be interested to know if I'm missing something though.  Thanks!

[Vladimir Iliev]

Hi Dan,

 
Please note that the string editor template do not add styles to the text input fields. If you need to add class to the text input, you should create your custom string editor template. 

Kind Regards,
Vladimir Iliev
the Telerik team