UniButton. Замена свойству WordWrap

[turan]

Доброе время суток! Столкнулся с проблемой переноса текста в  свойстве Caption у объекта UniButton. Текст с большим размером не переносится и получается, что не влезает в рамки кнопки. Свойство WordWrap  у кнопки не нашел. Как быть?

[Sherzod]

Добрый день,

 

Одно из возможных решений:

 

1. UniServerModule -> CustomCSS:

.wordwrapbtn .x-btn-button {
    white-space: normal;
    text-align: center;
}

2. UniButton -> ClientEvents -> UniEvents -> function beforeInit:

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

[turan]

 

Добрый день,

 

Одно из возможных решений:

 

1. UniServerModule -> CustomCSS:

.wordwrapbtn .x-btn-button {
    white-space: normal;
    text-align: center;
}

2. UniButton -> ClientEvents -> UniEvents -> function beforeInit:

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

сделал как написано. Появляется ошибка:

Ajax error

missing { before function body

[Sherzod]

 

2. UniButton -> ClientEvents -> UniEvents -> function beforeInit:

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

 

Проверьте еще раз

[turan]

Проверьте еще раз

Проверил, все равно выдает ошибку. Заметил то что если добавить любое  событие в UniEvents, выдает такую ошибку

[turan]

пробовал сделать сортировку грида на клиентской стороне, как это описано в статье http://forums.unigui.com/index.php?/topic/6225-dbgrid-clientside-sorting/, также аналогично падает ошибка

[Sherzod]

Какую сборку используете?

[Sherzod]

Можете сделать тестовый случай и прикрепить здесь?

[turan]

Какую сборку используете?

сборка FMSoft_uniGUI_Complete_Professional_1.50.0.1476.

[turan]

попробовал тестовый проект накидать, запустил и все норм работает. Странно в чем проблема ...

[turan]

тестовый проект https://yadi.sk/d/YyrRWifW3aXKkV

[Sherzod]

[turan]

Нашел причину, конфликт с вызовом локализации текста на фрейме

[turan]

 

Добрый день,

 

Одно из возможных решений:

 

1. UniServerModule -> CustomCSS:

.wordwrapbtn .x-btn-button {    white-space: normal;    text-align: center;}

2. UniButton -> ClientEvents -> UniEvents -> function beforeInit:

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

Спасибо за решение

[Kenneth]

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

[Sherzod]

1 hour ago, Kenneth said:

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

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

Попробуйте этот CustomCSS:

.wordwrapbtn .x-text-el {    
    white-space: normal;    
    text-align: center;
}

 

[Kenneth]

3 minutes ago, Sherzod said:

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

Попробуйте этот CustomCSS:

.wordwrapbtn .x-text-el {    
    white-space: normal;    
    text-align: center;
}

 

Спасибо! Сработало.

[Kenneth]

Теперь не могу изменить свойство в TUnimEdit. Хочу сделать чтобы текст был по центру.

Добавил в CustomCSS:

.editCenter {

 text-align: center;

}

Не работает.

.editCenter <вот сюда что писать для TUnimEdit?>{

 text-align: center;

}

[Kenneth]

Все разобрался:

.editCenter .x-input-el {

 text-align: center;

}

[artem_niko]

On 8/24/2018 at 5:02 PM, Sherzod said:

Добрый день,

 

Одно из возможных решений:

 

1. UniServerModule -> CustomCSS:

.wordwrapbtn .x-btn-button {
    white-space: normal;
    text-align: center;
}

2. UniButton -> ClientEvents -> UniEvents -> function beforeInit:

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

Greetings!
It seems that the solution is suitable, but for some reason I have too much space between the line in the button title.

Wrapping is in progress, but how to reduce the line spacing?

Like this:

[Sherzod]

Hello @artem_niko

I couldn't reproduce.

1 hour ago, artem_niko said:

1. UniServerModule -> CustomCSS:

.wordwrapbtn .x-btn-button {
    white-space: normal;
    text-align: center;
}

2. UniButton -> ClientEvents -> UniEvents -> function beforeInit:

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

Works for me:

[artem_niko]

2 minutes ago, Sherzod said:

Hello @artem_niko

I couldn't reproduce.

Works for me:

Ok...maybe this is bug in UniFSComponents from @Marlon Nardi. Need comment from him.

[Sherzod]

2 minutes ago, artem_niko said:

Ok...maybe this is bug in UniFSComponents

Just try on UniButton first.

[artem_niko]

11 minutes ago, Sherzod said:

Just try on UniButton first.

In standart UniButton result:

As is UniFSButton...

[Sherzod]

9 minutes ago, artem_niko said:

In standart UniButton result:

As is UniFSButton...

So you have a conflict with some CSS rules that you use in your app.