Jump to content

Форма UniButton


artem_niko

Recommended Posts

Добрый день!

Использую Trial версию UniGUI и тему gray.

Возможно ли изменить и убрать "выпуклость" UniButton?

Мне не нравятся, что они такие выпуклые и закругленные.

И еще вопрос: как изменить цвет самой кнопки? Не при наведении, а именно color кнопки.

Link to comment
Share on other sites

1 minute ago, Sherzod said:

Здравствуйте, 

Можете протестировать другие темы тоже? 

Благодарю за ответ.

Ну, вот в теме classic мне тоже не нравится выпуклость кнопок.

Другие темы мне не нравятся, т.к. у меня триальная версия компонент.

А скажите, можно ли сделать кнопки в теме gray вот такими, например?

https://pastenow.ru/5V0EP

Link to comment
Share on other sites

Прошу обратить внимание на мой вопрос)

Я добавлю скрины, чтобы понятнее было, что мне нужно.

Первый скрин - это как сейчас с темой classic:

https://pastenow.ru/5VEBW

Второй скрин - это как мне надо сделать.

https://pastenow.ru/5VEC4

 

Как мне сделать на втором скрине?

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

/*цвет фона выбранной кнопки в при наведении*/
.customOverCls {
  border-bottom: orange solid 2px;
  background: white;
  border-width: 1px;
}

Применяю код так:

    UniButton1.JSInterface.JSConfig('overCls',['customOverCls']);

 

Link to comment
Share on other sites

/* Синяя кнопка  */
.boton_blue {
border-radius: 6px;
background:#3D6594 !important; 
color:#3D6594 !important;
border-color:#3D6594;
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
-webkit-border-radius: 6px;
border-radius: 6px;
}

->ClientEvents->ExtEvents

function added(sender, container, pos, eOpts)
{ sender.addCls('boton_blue'); }

 

  • Like 1
Link to comment
Share on other sites

20 hours ago, dbf_usr said:

/* Синяя кнопка  */
.boton_blue {
border-radius: 6px;
background:#3D6594 !important; 
color:#3D6594 !important;
border-color:#3D6594;
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
-webkit-border-radius: 6px;
border-radius: 6px;
}

->ClientEvents->ExtEvents


function added(sender, container, pos, eOpts)
{ sender.addCls('boton_blue'); }

 

О, благодарю тебя, коллега!!!

То, что нужно.

 

Только не понял одного: когда я добавил помимо синей кнопки еще, например, код для зеленой, то у меня код для зеленой не работает и кнопка не становится зеленой. Синей становится, а зеленой нет. Хотя всего лишь поменял код цвета:

/* Синяя кнопка  */
.boton_blue {
   border-radius: 6px;
   background:#3D6594 !important; 
   color:#3D6594 !important;
   border-color:#3D6594;
   -webkit-transition: background 0.5s ease-in-out;
   transition: background 0.5s ease-in-out;
   -webkit-border-radius: 6px;
   border-radius: 6px;
}

/* Зеленая кнопка  */
.boton_green {
   border-radius: 6px;
   background:#28782d !important; 
   color:#28782d !important;
   border-color:#28782d;
   -webkit-transition: background 0.5s ease-in-out;
   transition: background 0.5s ease-in-out;
   -webkit-border-radius: 6px;
   border-radius: 6px;
}

Из-за чего такое происходит?

Link to comment
Share on other sites

1 hour ago, Sherzod said:

Возможно Вы забыли присвоить здесь? 

Неа, у меня так и написано:

function added(sender, container, pos, eOpts)
{
  sender.addCls('boton_green');
}

Причем, если я убираю код для синей кнопки из CutsomCSS ServerModule, то у меня кнопка, для которой прописан код выше, становится зеленой. И наоборот.

Причем на другой форме код для синей кнопки не срабатывает, только на одной форме работает.

Почему отрабатывает только часть CSS кода?

Link to comment
Share on other sites

12 minutes ago, dbf_usr said:

Используйте версию 1.90.0.1501 - и все будет работать.

Но ее нужно купить. У меня в trial тоже были проблемы.

 

У меня нет пока что возможности купить за 50 000 рублей.

Это такого ограничение триальной версии или что? Если да, то почему тогда на другой форме не работает для хотя бы одной кнопки, хотя бы тот самый код с синей кнопкой?

Link to comment
Share on other sites

43 minutes ago, Артем said:

У меня нет пока что возможности купить за 50 000 рублей.

Это такого ограничение триальной версии или что? Если да, то почему тогда на другой форме не работает для хотя бы одной кнопки, хотя бы тот самый код с синей кнопкой?

Попробуйте сделать тестовый случай для этого, и дайте нам ссылку для скачивания.

Link to comment
Share on other sites

Just now, Sherzod said:

Попробуйте сделать тестовый случай для этого, и дайте нам ссылку для скачивания.

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

И все таки. Нельзя раскрасить кодом CSS более одной кнопки - это ограничение триальной версии такое или я просто делаю что-то не так? В моем примере кода есть ли ошибка какая?

Link to comment
Share on other sites

1 minute ago, Артем said:

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

Но Вы можете создать новый чистый проект, только с двумя кнопками и стилями.

  • Like 1
Link to comment
Share on other sites

  • 3 weeks later...

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...