touch Выравнивание заголовка мобильной формы

[x11]

Как правильно выровнять заголовок мобильной формы ближе к правому краю?

Дело в том, что в заголовок помещаю вторую кнопку, и текст заголовка "наезжает" на кнопку.

Я так понимаю, что это можно сделать с помощью CSS. Но я боюсь, если укажу параметры для "x-component x-title x-floating", то это зацепит  еще какие-нибудь другие компоненты, а мне нужно только заголовок.

Вообще, было бы замечательно, если бы текст заголовка формы автоматически смещался бы вправо при добавлении 2ой или 3ей кнопки.

 

Спасибо.

[Sherzod]

On 11/8/2020 at 2:32 PM, x11 said:

Как правильно выровнять заголовок мобильной формы ближе к правому краю?

Добрый вечер,

1.

 

2. ClientEvents -> function form.painted

function form.painted(sender, eOpts)
{
    let dockedItems = sender.getDockedItems()[0];
    if (dockedItems && dockedItems.xtype == 'toolbar') {
        dockedItems.applyTitle({
            title: dockedItems.getTitle().getTitle(),
            centered: false,
            weight: 1
        })
    }
}

 

[x11]

Подскажите, пожалуйста:

1. А как сделать конкретную кнопку заголовка прозрачной?

2. Как сделать все кнопки конкретной формы прозрачными?

т.е. как установить css-свойства:

background: none;
border: none;

В браузере с помощью DevTools я понимаю, как это сделать, а вот куда вписать CSS в своем приложении?

Было бы проще, если б у кнопок было свойство Cls, как у других компонентов. Тогда можно было бы задействовать CustomCSS. Или, как вариант, в свойство UI добавить что-то вроде "transparent".

[Sherzod]

4 hours ago, x11 said:

А как сделать конкретную кнопку заголовка прозрачной?

Попробуйте:

procedure TMainmForm.UnimFormReady(Sender: TObject);
begin
  JSInterface.JSCall('innerElement.setStyle', ['background', 'none'], TitleButtons[0].JSMenuItem);
  JSInterface.JSCall('innerElement.setStyle', ['border', 'none'], TitleButtons[0].JSMenuItem);
end;

 

[x11]

On 11/8/2020 at 7:24 PM, Sherzod said:

f (dockedItems && dockedItems.xtype == 'toolbar') {

что такое xtype?

код вроде бы работает, но в консоли - ошибки

[Sherzod]

1 hour ago, x11 said:

код вроде бы работает, но в консоли - ошибки

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

А что если использовать такое условие?

if (dockedItems && dockedItems.xtype && dockedItems.xtype == 'toolbar') {

 

[x11]

спасибо, вроде помогло