Bug: setting table and cell width as a percentage within Kendo Editor

[n/a]

There is a bug setting the percentage width for a table within the Kendo editor. 

1. Go to https://demos.telerik.com/kendo-ui/editor/index
2. Under Editor / Basic usage select the Table Wizard Icon and click Table Wizard to bring up the Wizard Dialog
3. You will notice that within this dialog the unit options for width and height are only px and em
4. Within this dialog create a table two columns and four rows
5. Place your cursor in one of the table cells again and click the Table Wizard button again to edit the propertied of the new table
6. The unit options for width and height are still only px and em.  Go ahead and enter 100px into the width field and click Ok on the dialog
7. Once again with you cursor in one of the table cells, click the Table Wizard button again.  Now the units options for all widths and heights for tables and cells are px, em and importantly %
8. If I now create a new table via the Table Wizard the unit options available are px, em and % as expected

I logged a previous, different bug about the Table Wizard in github here: https://github.com/telerik/kendo-ui-core/issues/4390 but have had no response, so is this the correct place for bug reports, or github?

 

 

[Neli]

Hello Jon,

Thank you for reporting the issues. 

The percentage option in the Table Wizard is not available initially. It is available after a table is created and the user needs to edit it. This behavior is by design. The reason is that having percentage initially for cell, might lead to undesired behavior. The wizard uses the same units for Cell and Table, so the percentage is hidden initially. If you create a table and click on the Cell tab, you will see that there is a percent value in the width input only in editing mode. 
If you need to have percentage initially when you are creating the table fro the Table Wizard you could use the following script:

var oldAddUnit = kendo.ui.editor.TableWizardDialog.fn._addUnit;
kendo.ui.editor.TableWizardDialog.fn._addUnit = function (units, value) {
    if ($.inArray("%", units) == -1) {
        units.push("%");
    }

    oldAddUnit.call(this, units, value)
}

Here is a Dojo example where the percentage option is available.

Regarding the second issue - you have logged the bug in the correct place. Thank you for your effort.
As a sign of gratitude for reporting a bug I have updated your Telerik points. 

Regards,
Neli
Progress Telerik

[John A]

Hi,

 

Very similar to this question, how can I change the default values of cols and rows in table wizard for mvc core?

 

Thank you

[Ivan Danchev]

Hi,

You can change the default Columns and Rows values in the Table Wizard dialog in the Execute event handler, as demonstrated below:

@(Html.Kendo().Editor()
    .Name("editor")
    .Events(events => events
        .Execute("onExecute")
    )
)

<script>
    function onExecute(e) {
        console.log("executing command", e.name, e.command);
        if (e.name == "tablewizardinsert") {
            setTimeout(function () {
                var colNumeric = $("#k-editor-table-columns").data("kendoNumericTextBox");
                var rowNumeric = $("#k-editor-table-rows").data("kendoNumericTextBox");

                colNumeric.value(6);
                rowNumeric.value(6);
            }, 0);
        }
    }
</script>

Regards,
Ivan Danchev
Progress Telerik