Good morning, I would like to include in my multiview a cell inside a template object with the parameter src to load a page php or html
I tried but it is so wrong
{Id: “mview_main”, animated: false,
cells: [
{
id: “dashboards”
view: “template”,
src = “dashboard.html”
},
If you need to load an html page, please consider the ui.iframe widget.
Template will parse a plain text of the response.
http://webix.com/snippet/128aa933
Can you please share the data you need to load?
my problem is that i have a multiview
{id:"mview_main", animate:true,
cells:[
{
id: "dashboard",
template: "dashboard",
data: { src: "dashboard.html" }
},
{id:"prodotti",
and src “dashboard.html” is other complete html page:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Dashboard</title>
<link rel="stylesheet" href="webix/codebase/webix.css" type="text/css" media="screen" charset="utf-8">
<script src="webix/codebase/webix.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="webix/codebase/sidebar.js"></script>
<script src="webix/codebase/chartdata.js"></script>
<link rel="stylesheet" type="text/css" href="webix/codebase/sidebar.css">
<link rel="STYLESHEET" type="text/css" href="webix/codebase/dataview_styles.css">
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- MetisMenu CSS -->
<link href="vendor/metisMenu/metisMenu.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="dist/css/sb-admin-2.css" rel="stylesheet">
<!-- Morris Charts CSS -->
<link href="vendor/morrisjs/morris.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">Dashboard</h1>
</div>
<!-- /.col-lg-12 -->
</div>
<!-- /.row -->
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-product-hunt fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">26</div>
<div>Prodotti</div>
</div>
</div>
</div>
<a href="#">
<div class="panel-footer">
<span class="pull-left">Vedi dettagli</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="panel panel-yellow">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-user fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">12</div>
<div>Clienti</div>
</div>
</div>
</div>
<a href="#">
<div class="panel-footer">
<span class="pull-left">Vedi dettagli</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="panel panel-green">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-shopping-cart fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">124</div>
<div>Ordini Carico</div>
</div>
</div>
</div>
<a href="#">
<div class="panel-footer">
<span class="pull-left">Vedi dettagli</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="panel panel-red">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-sign-out fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">13</div>
<div>Ordini Scarico</div>
</div>
</div>
</div>
<a href="#">
<div class="panel-footer">
<span class="pull-left">Vedi dettagli</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
</div>
<!-- /.row -->
<div class="row">
<div class="col-lg-8">
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-bar-chart-o fa-fw"></i> Ordini carico
</div>
<!-- /.panel-heading -->
<div class="panel-body">
<div id="line_chart_carico"></div>
</div>
<div class="panel-body">
<div id="line_chart_scarico"></div>
</div>
<!-- /.panel-body -->
</div>
</div>
</div>
<!-- jQuery -->
<script src="vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Metis Menu Plugin JavaScript -->
<script src="vendor/metisMenu/metisMenu.min.js"></script>
<!-- Morris Charts JavaScript -->
<script src="vendor/raphael/raphael.min.js"></script>
<script src="vendor/morrisjs/morris.min.js"></script>
<!-- <script src="data/morris-data.js"></script> -->
<!-- Custom Theme JavaScript -->
<script src="dist/js/sb-admin-2.js"></script>
</body>
</html>
the page dashboard.html is another page create with bootstrap and i want include this page in my section multiview->dashboard.
It’s possible?
you can try ui.iframe instead of template http://docs.webix.com/api__refs__ui.iframe.html