2016-12-21 1 views
0

Я использую vis.js и хотел бы выровнять кнопки, отображаемые при использовании опции «navigationButtons» в верхней части холста. Я понимаю, что это делается с помощью CSS, мне было интересно, есть ли у кого-нибудь примеры?vis.js - обновить «navigationButtons» CSS, чтобы кнопки находились в верхней части его холста.

Вы заранее заблаговременно,

Anadi.

+0

Можете ли вы разместить генерируемый код? или создать пример скрипки? – vicgoyso

+0

Вот ссылка на CSS. https://s3-eu-west-1.amazonaws.com/web.imedialibrarysports.com/css/vis.css Соответствующие стили: визави кнопки визави вверх визави кнопки по отношению вниз vis-button vis-left vis-button vis-right vis-button vis-zoomIn vis-button vis-zoomOut vis-button vis-zoomExtends –

+0

Если мой ответ правильный, отметьте как правильно, или если вы нашли лучшее решение, пожалуйста, опубликуйте его, чтобы мы все могли делиться и учиться. – vicgoyso

ответ

0

Желательно, чтобы какой-то HTML был бы неплохо работать. Однако вы упомянули, что хотите обновить «выравнивание» кнопок. Поэтому я бы предположил, что атрибуты «bottom:» и «right:» - это то, что вы ищете. Однако, поскольку вы хотите, чтобы выравнивание к вершине, вы можете использовать атрибут «top:» вместо «bottom:» и «left:» вместо «right:» ...

Например. следующие должны выровнять эти 4 кнопки по горизонтали вверху ... обновите атрибут «left:», чтобы соответствовать вашей предпочтительной ширине желоба.

div.vis-network div.vis-navigation div.vis-button.vis-up { 
    background-image: url("...png"); 
    top:10px; 
    left:50px; 
} 
div.vis-network div.vis-navigation div.vis-button.vis-down { 
    background-image: url("...png"); 
    top:10px; 
    left:100px; 
} 
div.vis-network div.vis-navigation div.vis-button.vis-left { 
    background-image: url("...png"); 
    top:10px; 
    left:150px; 
} 
div.vis-network div.vis-navigation div.vis-button.vis-right { 
    background-image: url("...png"); 
    top:10px; 
    left:200px; 
} 
Смежные вопросы