У меня есть проблема: как вы можете видеть на рисунке ниже, я использую макет, который имеет только один элемент в первой строке, но у него есть эта странная проблема с выравниванием по правому краю (он простирается слишком далеко вправо) .
В чем проблема?
Вот мой первый элемент:
<li data-row="1" data-col="1" data-sizex="15" data-sizey="3" >
<div data-id="some-id" data-view="MyWidget" data-title="Some title" style="background-color:#749396"></div>
</li>
Я использую эту настройку в application.coffee
(15 столбцов, 9 строк, каждый столбец/строка имеет ширину 100 пикселей):
Dashing.on 'ready', ->
Dashing.widget_margins ||= [5, 5]
Dashing.widget_base_dimensions ||= [100, 100]
Dashing.numColumns ||= 15
Когда я специально устанавливаю ширину на li
, это работает.
<li data-row="1" data-col="1" data-sizex="15" data-sizey="3" style="width: 1640px;">
Вот полный макет приборной панели:
<% content_for :title do %>Dashboard<% end %>
<div class="gridster">
<ul>
<!-- Hack: Setting width of top row to 1640px! -->
<li data-row="1" data-col="1" data-sizex="15" data-sizey="3" style="width: 1640px;">
<div data-id="id1" data-view="OwnWidget" style="background-color:#749396"></div>
</li>
<li data-row="4" data-col="1" data-sizex="5" data-sizey="4">
<div data-id="id2" data-view="Meter" data-min="0" data-max="100"></div>
</li>
<li data-row="4" data-col="6" data-sizex="5" data-sizey="4">
<div data-id="id3" data-view="Number" style="background-color:#749396"></div>
</li>
<li data-row="4" data-col="11" data-sizex="5" data-sizey="4">
<div data-id="id4" data-view="Number" style="background-color:#749396"></div>
</li>
<li data-row="8" data-col="1" data-sizex="5" data-sizey="4">
<div data-id="id5" data-view="Meter" data-min="0" data-max="100"></div>
</li>
<li data-row="8" data-col="6" data-sizex="5" data-sizey="4">
<div data-id="id6" data-view="Number" style="background-color:#749396"></div>
</li>
<li data-row="8" data-col="11" data-sizex="5" data-sizey="4">
<div data-id="id7" data-view="Number" style="background-color:#749396"></div>
</li>
</ul>
</div>
<li>
? - person boxer santaros   schedule 04.04.2014data-row="1"
иdata-row="2"
для второго. Я мог представить, что он неправильно вычисляет поля. Я вижу, что вы хотите использовать разную высоту, но это может помочь решить проблему. - person boxer santaros   schedule 04.04.2014