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

[Solved] Inline Editing: Width of header and not editable rows is changed

6 Answers 167 Views

Grid

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

This question is locked. New answers and comments are not allowed.

JULIA asked on 26 Jul 2010, 06:56 AM

edit.png

select.png

Hello,

if i set a row in edit mode the width of all other rows and header cell is changed.
Is this a known problem?

Regards
Timo

6 Answers, 1 is accepted

answered on 26 Jul 2010, 09:34 AM

Hello Timo,

This issue could be related with missing width of the middle column. Could you please try to enable scrolling of the grid ( .Scrollable() ) and share with us what your finding are. If the problem still persists I will ask you to send us a simple test project in order to investigate it locally.

Regards,
Georgi Krustev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

answered on 26 Jul 2010, 10:02 AM

scrollable.png

Hello,

the width is missing to fill the rest of the row.
If i enable scrolling everything works fine. but i won't enable scrolling because the design is not nice.
Is there any other solution?

Regards,
Timo

answered on 26 Jul 2010, 10:17 AM

Hello Timo,

You can try to modify form method in the telerik.grid.editing.js file like so:

[old]:

form: function (html, commands) {

var colgroup = this.$tbody.siblings('colgroup');

var mode = this.editing.mode;

if (mode != 'PopUp')

html.cat('<td class="t-edit-container" colspan="')

.cat(this.columns.length + this.groups.length)

.cat('">');

html.cat('<form class="t-edit-form" action="#" method="post" id="')

.cat(this.formId())

.cat('">');

if (mode == 'InLine') {

html.cat('<table cellspacing="0"><colgroup>');

html.cat('</colgroup><tbody><tr>')

.rep('<td class="t-groupcell" />', this.groups.length);

[new]:

form: function (html, commands) {

var colgroup = this.$tbody.siblings('colgroup');

var mode = this.editing.mode;

if (mode != 'PopUp')

html.cat('<td class="t-edit-container" colspan="')

.cat(this.columns.length + this.groups.length)

.cat('">');

html.cat('<form class="t-edit-form" action="#" method="post" id="')

.cat(this.formId())

.cat('">');

if (mode == 'InLine') {

html.cat('<table cellspacing="0"><colgroup>');

this.$tbody.siblings('colgroup').children()

.each(function() {

var width = $(this).css('width');

if (width != '0px')

html.cat('<col style="width:').cat(width).cat('" />');

else

html.cat('<col />');

});

html.cat('</colgroup><tbody><tr>')

.rep('<td class="t-groupcell" />', this.groups.length);

If the problem continuous, you will need to send us a test project in order to investigate it locally and advice you further.

Sincerely yours,
Georgi Krustev
the Telerik team

answered on 26 Jul 2010, 11:42 AM

Hi Timo,

This code snippet will be included in the next official release of Telerik components for ASP.NET MVC. In other words it will not be overridden. In other to solve this issue faster I will ask you to open a support thread on the same matter and send us a test project.

Sincerely yours,
Georgi Krustev
the Telerik team