or
@model NS.Quoting.Models.ViewModels.QuoteLineGridViewModel@(Html.Kendo().Grid(Model.QuoteLines) .Name("QuotesGrid") .Columns(columns => { columns.Bound(c => c.LineNumber).Filterable(false).Width(60).Title("Line #"); columns.Bound(c => c.ItemNumber).Title("Material #"); columns.Bound(c => c.ItemDescription).Title("Material Name"); columns.Bound(c => c.Quantity).Filterable(false).Width(70).Title("Quantity"); columns.Bound(c => c.SalePrice).Filterable(false).Width(81).Title("Quoted Price"); columns.Bound(c => c.LinePrice).Filterable(false).Width(60).Title("Extended Price"); columns.Bound(c => c.MarginPercent).Filterable(false).Width(60).Title("Margin %"); }) .ClientRowTemplate( "<tr>" + "<td class='line'>" + "<span class='linenumber'> #: LineNumber # </span>" + "</td>" + "<td class='materialNum'>" + "<span class='itemnumber'> #: ItemNumber # </span>" + "</td>" + "<td class='materialName'>" + "<span class='itemdescription'> #: ItemDescription # </span>" + "</td>" + "<td class='QTY'>" + "<span class='quantity'> #: Quantity # </span>" + "</td>" + "<td class='quotedPrice'>" + "<span class='saleprice'> #: SalePrice # </span>" + "</td>" + "<td class='extendedPrice'>" + "<span class='lineprice'> #: LinePrice # </span>" + "</td>" + "<td class='marginPerc'>" + "<span class='marginpercent'> #: MarginPercent # </span>" + "</td>" + "</tr>" ) .DataSource(dataSource => dataSource .Ajax().ServerOperation(false) ) .Pageable(pager => pager.PageSizes(new int[]{10,25,50})) .Scrollable() .Sortable() .Filterable())<div id="itemGrids"> <h3>Active Items</h3> <div id="newAct"> @Html.Action("GetGrid", "Quote", new { id = Model.Quote.QuoteNumber, isActive = true }) </div> <h3>Inctive Items</h3> <div id="newDe"> @Html.Action("GetGrid", "Quote", new { id = Model.Quote.QuoteNumber, isActive = false }) </div> </div>public IEnumerable<QuoteLineSummary> QuoteLines { get; set; }public PartialViewResult GetGrid(int id, bool isActive){ QuoteLineGridViewModel model = new QuoteLineGridViewModel(); using (var client = new HttpClient()) { // URL: /api/QuoteLine/GetByQuoteNumber/1 var lineUrl = Url.RouteUrl( "ActionApi", new { httproute = "", controller = "QuoteLine", action = "GetSummaryByQuoteNumber", id = id, isActive = isActive }, Request.Url.Scheme ); model.QuoteLines = client .GetAsync(lineUrl) .Result .Content.ReadAsAsync<IEnumerable<QuoteLineSummary>>().Result; } return PartialView("_QuoteLineGrid", model);}$('#reportLocation').autocomplete({ minLength: 4, source: function (request, response) { var country = $('#ddlLocationCountry').val(); $.ajax({ type: "POST", url: "../../ws/wsLocations.asmx/GetLocationsBySearchString", data: '{searchString: "%' + request.term.replace(/\ /g, '%') + '%", country: "' + country + '", includeInactive: "False"}', contentType: "application/json; charset=utf-8", dataType: "json", dataFilter: function (data) { return data; }, success: function (data) { $('#locationsByPosition').empty(); var json = $.parseJSON(data.d); response($.map(json, function (item) { return { value: item.LName, id: item.LId} })); }, error: function (result) { alert('wsLocations.asmx/GetLocationsBySearchString failed: ' + result.status + ' ' + result.statusText); } }); }, select: function (e, ui) { var lLocationId = ui.item.id; $('#selectedLocationId').text(lLocationId); }});I want to use the Sparkline functionality within a dashboard web page using the DotNetNuke 6.2 framework.
When I use the sample code snippet below within the DNN framework the height of the sparkline is rendered as 14px. When I use the same code in a stand alone html file it renders at the specified 50px. There are no javascript errors thrown in either case.
My only thought is that an internal error is occurring when attempting to find the height and the default render height is 14px. Debugging the spark line java script using the minimized js files is not working for me.
HTML to render:
<div class='k-content' style='position: relative; width:400px; height:275px;'><table style='height: 100%; vertical-align: top;'> <tr> <td style="width:150px; text-align:middle; line-height: 50px;"> <span id='htmlsparkline_32ac' style="width: 150px; height: 50px; "></span> </td> <td style="width:40%; text-align:left;"><span class='ads-summaryvalue'>56795</span> <span>Refund</span></td> </tr></table></div><script type="text/javascript"> try { $('#htmlsparkline_32ac').kendoSparkline({ data: [1069, 8792, 7078, 6355, 8078, 8066, 9293, 3296, 7559, 56795], type: 'area', theme: 'black' }); } catch (e) { alert('SparkError: ' + e.message); }</script>Code Rendered by kendoSparkline, starting on line 02.
01.<span class="k-sparkline" id="htmlsparkline_32ac" style="width: 150px; height: 50px; position: relative; -ms-touch-action: double-tap-zoom pinch-zoom;" data-role="sparkline">02.<span style="width: 150px; height: 14px;">03.<!--?xml version='1.0' ?-->04.<svg xmlns="http://www.w3.org/2000/svg" style="left: -0.81px; top: -0.83px; display: inline; position: relative;" width="150px" height="14px" version="1.1">05.<defs id="k10027" />06.<path style="display: block;" fill="#3d3d3d" fill-opacity="1" stroke="" stroke-linecap="square" stroke-linejoin="round" stroke-opacity="1" stroke-width="0" d="M 0 0 L 150 0 L 150 14 L 0 14 Z" />07.<path style="display: block;" fill="none" fill-opacity="1" stroke-linecap="square" stroke-linejoin="round" stroke-opacity="1" stroke-width="0.1" d="M 2 2 L 147 2 L 147 11 L 2 11 Z" />08.<path id="k10026" style="display: none;" fill="none" fill-opacity="1" stroke="#8e8e8e" stroke-linecap="square" stroke-linejoin="round" stroke-opacity="1" stroke-width="1" d="M 2 2 L 2 11" />09.<path id="k10000" style="display: block;" fill="#fff" fill-opacity="0" stroke="" stroke-linecap="square" stroke-linejoin="round" stroke-opacity="1" d="M 2 2 L 147 2 L 147 11 L 2 11 Z" data-model-id="k10001" />10.<g id="k10002"><g>11.<path id="k10024" style="display: block;" fill="#0081da" fill-opacity="0.4" stroke-linecap="square" stroke-linejoin="round" stroke-opacity="1" d="M 2 11 L 2 10.863 L 18.111 9.87 L 34.222 10.09 L 50.333 10.183 L 66.444 9.961 L 82.556 9.963 L 98.667 9.805 L 114.778 10.576 L 130.889 10.028 L 147 3.698 L 147 11" data-model-id="k10025" />12.<path style="display: block;" fill="none" fill-opacity="1" stroke="#0081da" stroke-linecap="butt" stroke-linejoin="round" stroke-opacity="1" stroke-width="0.5" d="M 2 10.863 L 18.111 9.87 L 34.222 10.09 L 50.333 10.183 L 66.444 9.961 L 82.556 9.963 L 98.667 9.805 L 114.778 10.576 L 130.889 10.028 L 147 3.698" data-model-id="k10025" />13.</g></g>14.</svg>15.</span>16.<div class="k-tooltip" style="font: 12px/normal Arial,Helvetica,sans-serif; border: 1px solid rgb(0, 129, 218); left: 34px; top: -15px; display: none; position: absolute; font-size-adjust: none; font-stretch: normal; opacity: 1; background-color: rgb(0, 129, 218);">17.<table><tbody><tr><th colspan="2"></th><tr><td>7078</td></tr></tbody></table>18.</div>19.</span>On line 2 and 4 the height is set to 14px.
Any help would be appreciated.
<div class="row-fluid"> <div class="span5 tfw-right"><?php echo $this->front_mould_codes; ?></div> <div class="span2 tfw-center">mould code(s)</div> <div class="span5 tfw-left"><?php echo $this->back_mould_codes; ?></div></div>div.tfw-left { text-align: left;}div.tfw-right { text-align: right;}div.tfw-center { text-align: center;}<?xml version="1.0" encoding="UTF-8" standalone="yes"?><root> <doc> <nome>fabio</nome> </doc> <doc> <nome>mauro</nome> </doc></root>var ds = new kendo.data.HierarchicalDataSource({ transport: { read: { url : "kendoTWData.xml", dataType: "xml" } }, schema : { type : 'xml', data : '/root/doc', model: { fields: { nome: "nome/text()" } } }});$("#treeview").kendoTreeView({ dataSource : ds, dataTextField: "nome"});model: { fields: { nome: "nome/text()" }, level : function () { return 0; }}