Измените ширину поля Компонента пользовательского интерфейса Magento 2

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

Ui

<field name="percentage">
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="additionalClasses" xsi:type="array">
                    <item name="admin__field-my-custom-class" xsi:type="boolean">true</item>
                </item>
                <item name="resizeEnabled" xsi:type="boolean">true</item>
                <item name="resizeDefaultWidth" xsi:type="string">60</item>
                <item name="label" xsi:type="string">Percentage:</item>
                <item name="visible" xsi:type="boolean">true</item>
                <item name="dataType" xsi:type="string">price</item>
                <item name="formElement" xsi:type="string">input</item>
                <item name="source" xsi:type="string">flashsalespro</item>
                <item name="validation" xsi:type="array">
                    <item name="required-entry" xsi:type="boolean">true</item>
                </item>
            </item>
        </argument>
    </field>
Author: sudo55, 2019-02-05
Source

2 answers

Вы можете добавить это в конфигурацию вашего поля внутри узла <item name="config" xsi:type="array">. 

<item name="additionalClasses" xsi:type="array">
    <item name="admin__field-my-custom-class" xsi:type="boolean">true</item>
</item>

А затем вы "устраняете" свои проблемы, добавляя стили в класс admin__field-my-custom-class

 3
Author: Marius, 2019-02-05 10:20:23

Вам необходимо переопределить тему adminhtml magento2 по умолчанию, создать свою собственную тему и добавить пользовательский файл css, в котором вы можете настроить стили области adminhtml.

Так что в вашем случае это должны быть стили в вашем пользовательском файле.css

// change the width of the text field in catalog rule promotion adminthml ui form element  
.catalog-rule-promo-catalog-edit .admin__control-text {width:49%;}

Чтобы переопределить тему и добавить свои стили, вы можете проверить это сообщение

 1
Author: Haijerome, 2019-02-05 10:15:38