Как можно выделить (обозначить) визуально UniSplitter?

[x11]

Здесь между панелями есть UniSplitter. Но его не видно.

Можно как-то визуально его обозначить? Чтобы пользователь понимал, что там есть разделитель.

[x11]

вот, нашел несколько примеров

на нем нарисовано еле заметные 3 точки и это достаточно, они и дизайн не портят, и в глаза не бросаются, но всё-таки заметны и можно понять, что туда можно подвести курсор мышки, чтобы что-то сделать

[Sherzod]

Я проверю. 

[Sherzod]

42 minutes ago, x11 said:

Можно как-то визуально его обозначить? Чтобы пользователь понимал, что там есть разделитель.

На данный момент, можете попробовать использовать два возможных варианта.

1. Назначить цвет: Color

2. Использовать CustomCSS.

.customSplitter {
    border-style: dashed;
    border-width: 1px !important;
}

function beforeInit(sender, config)
{
    config.cls='customSplitter';
}

 

[x11]

Just now, Sherzod said:

1. Назначить цвет: Color

этот вариант попробовал с первого раза- получается не очень красиво

Второй вариант тоже не очень.

 

 

[x11]

спасибо за идею с CSS

сделал пока так (как на первой картинке):

.customSplitter {
    border-style: dashed;
    border-width: 1px !important;
	height: 100px !important;
	top:  200px !important;
}

 

Но есть вопрос. Разделитель - это по сути прямоугольник. А можно из 4-ёх линий оставить только одну? Чтобы получилось, как на втором рисунке.

[x11]

Ага, нашел

.customSplitter {
	border-left-style: dotted;
	border-width: 1px !important;
	border-bottom-style: hidden;
	border-top-style: hidden;
	border-right-style: hidden;
	height: 100px !important;	
	position: absolute !important;
	top: 0px !important;
	margin-top: calc(30% - 50px) !important;
	margin-left: 3px !important;
	margin-right: 1px !important;
}

еще раз спасибо