Jump to content

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


Recommended Posts

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

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

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

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

 

Спасибо.

Screenshot_3.jpg

Link to post
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 post
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 post
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 post
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 post
Share on other sites
1 hour ago, x11 said:

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

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

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

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

 

  • Like 1
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...