dhtmlxLayout in Bootstrap row (MVC)

Suite and Optimus Suite 5
#1

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

dhtmlx row layout.JPG1282×1002 22.5 KB

My View layout.cshtml:

[code]

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

<title>@ViewBag.Title</title>

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

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@RenderSection("JavaScript", required: false)

<div class="row" style="height:100%; width:100%;">
    <div class="dhtmlxContainer">
        @RenderBody()
        @RenderSection("scripts", required: false)
    </div>
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
[/code]

I also added following to dhtmlx.css:

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

.dhtmlxContainer{
width: 100%;
height:100%;
overflow: scroll;
margin: 0px;
padding: 0px;
border: 1px solid black;
}[/code]

Inside the View:

[code]@{
ViewBag.Title = “My dhtmlx”;
Layout = “~/Views/Shared/layout.cshtml”;
}

[/code]

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

#2

Hi

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