Jump to content

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


x11

Recommended Posts

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

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

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

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

 

Спасибо.

Screenshot_3.jpg

Link to comment
Share on other sites

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

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

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

1.

 tbSeparator.png.7ce88c398f68ef81674b5ed2e5fad953.png

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
        })
    }
}

 

  • Like 1
Link to comment
Share on other sites

  • x11 changed the title to Выравнивание заголовка мобильной формы
  • 2 weeks later...

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

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

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

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

background: none;
border: none;

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

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

Screenshot_3.jpg

Screenshot_4.jpg

Link to comment
Share on other sites

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;

 

  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...
On 11/8/2020 at 7:24 PM, Sherzod said:

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

что такое xtype?

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

Screenshot_5.jpg

Screenshot_4.jpg

Link to comment
Share on other sites

1 hour ago, x11 said:

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

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

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

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

 

  • Like 1
Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...