MultiColumn Template with Checkbox side by side

[Sergio Sant'Anna]

Hi,

I'm struggling to be able to apply a multicolumn template with VisualMode.CheckBox and keep my ItemTemplate and checkbox on the same line.

I've already got the multicolumn template and it works perfectly with VisualMode.Default, but when I switch to VisualMode.Checkbox, the lines are shifted under the checkbox.

Could you please guide me how to achieve this?

Thank you in advance.

Sérgio Sant'Anna

[Deepak Ramakrishnan]

Hi Sergio, 

 

Greetings from Syncfusion support. 

 

We have prepared the sample by overriding the existing styles . Kindly refer the below sample and code snippet for your reference. 

 

<style> 

    .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper { 

        position: absolute !important; 

    } 

    .e-multi-column.e-ddl.e-popup.e-popup-open table { 

        margin-left: 20px !important; 

    } 

    .e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame { 

        vertical-align: super !important; 

    } 

</style> 

 

 

Sample Link :  https://www.syncfusion.com/downloads/support/forum/169310/ze/BlazorApp1-228117315 

 

 

Thanks, 

Deepak R.

[Sergio Sant'Anna]

Hi Deepak,

Perfect!

Thanks for the excellent support,

Sérgio Sant'Anna

[Deepak Ramakrishnan]

Hi Sergio, 

 

Thanks for your update. 

 

We are glad that your requirement has fulfilled . We are always happy to assist you if you need any further assistance. 

 

Thanks, 

Deepak R.