Bootstrap and resizing a Webix component

Webix JS
1

Trying to use a Webix component within a bootstrap layout/panel/cell. How can I resize my Webix component based on the bootstrap parent panel? Tried using style="overflow: inherit; width: inherit; but that doesn’t work. When the page is resized and the bootstrap panel is resized the Webix component doesn’t resize.

                <div class="col-lg-4">
                    <div class="panel-heading">
                        <h3 class="panel-title"><i class="fa fa-long-arrow-right fa-fw"></i> Sales Data</h3>
                    </div>
                    <div class="panel panel-default">
                        <div id="pnlSalesData" class="panel-body" style="overflow: inherit; width: inherit;">
                            <div data-view="form" data-container="pnlSalesData">
                                <div data-view="rows">
                                    <div data-view="cols">
                                        <div data-view="datepicker" data-placeholder="Date:" data-tooltip="Date:"></div>
                                        <div data-view="datepicker" data-placeholder="Last Update:" data-tooltip="Last Update"></div>
                                    </div>
                                    <div data-view="text" data-placeholder="Salesperson:" data-tooltip="Salesperson:"></div>
                                    <div data-view="text" data-placeholder="Acct/Prospect:" style="width:inherit"></div>
                                    <div data-view="text" data-placeholder="Product:" style="width:inherit"></div>
                                    <div data-view="text" data-placeholder="Revenue:" style="width:inherit"></div>
                                    <div data-view="datepicker" data-placeholder="Close Date:" style="width:inherit"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
2

If you place a Webix component/app into an HTML container, it will not resize automatically. You need to call the resize method manually, e.g. on window resize event.

It enough to call resizie for the topmost parent (in you case it is form).

http://webix.com/snippet/a14c846f