dhtmlxLayout in Bootstrap row (MVC)

I want my dhtmlx to appear inside my bootstrap row. But all I can see when browsing the page is an emtpy row container.

My View layout.cshtml:


<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<script src="~/codebase/dhtmlx.js")"></script>
<link rel="stylesheet" type="text/css" href="~/codebase/dhtmlx.css")" />

@RenderSection("JavaScript", required: false)
<div class="row" style="height:100%; width:100%;">
    <div class="dhtmlxContainer">
        @RenderSection("scripts", required: false)

I also added following to dhtmlx.css:

[code]html, body{
width: 100%;
overflow: hidden;
margin: 0px;

width: 100%;
overflow: scroll;
margin: 0px;
padding: 0px;
border: 1px solid black;

Inside the View:

ViewBag.Title = “My dhtmlx”;
Layout = “~/Views/Shared/layout.cshtml”;


Why does the dhtmlx not show up inside the row? It works without the row div’s


Could you please provide us complete demo including all correspondnig js/css files?
Please also add information regarding current and expected behaviour.

Here is a small guide how to make a complete demo:
docs.dhtmlx.com/tutorials__auxil … pport.html

If you don’t want to share your demo here for any reasons - you can send it to support@dhtmlx.com, if so - please include link to this forum topic.

If you’re using PRO Edition please send your demo to support@dhtmlx.com