Быстрые действия Salesforce – это мощная функция, которая позволяет пользователям выполнять стандартные задачи и обновления всего несколькими щелчками мыши. Хотя готовые быстрые действия служат отличной отправной точкой, вам может потребоваться больше места для размещения дополнительных функций или более индивидуального взаимодействия с пользователем. В этой статье блога мы рассмотрим различные способы увеличения размера компонентов Salesforce Quick Action Aura, что позволит повысить производительность и предоставить более совершенный пользовательский интерфейс.
- Развертывание панели быстрых действий.
По умолчанию быстрые действия в Salesforce отображаются на компактной панели. Однако вы можете настроить размер панели, чтобы сделать ее больше и предоставить больше места для ваших настроек. В конфигурации вашего компонента Aura установите для атрибутаheight
более высокое значение, чтобы ваше быстрое действие занимало большую часть экрана.
<aura:component>
<aura:attribute name="height" type="Integer" default="400" />
<div >
<!-- Your Quick Action content here -->
</div>
</aura:component>
- Используйте собственный стиль:
Используйте CSS, чтобы изменить внешний вид компонента быстрого действия. Вы можете настроить размер шрифта, отступы, поля и другие визуальные аспекты, чтобы оптимизировать использование доступного пространства.
.THIS .myQuickAction {
font-size: 16px;
padding: 10px;
margin: 0;
/* Additional styling options */
}
-
Используйте веб-компоненты Lightning (LWC):
Рассмотрите возможность переноса компонента Quick Action Aura в веб-компоненты Lightning (LWC), если вам требуются более расширенные возможности. LWC обеспечивает более современный подход к разработке и обеспечивает большую гибкость при проектировании компонентов. -
Реализация условного рендеринга.
Динамическое управление видимостью элементов в быстром действии в зависимости от конкретных условий. Этот метод может помочь оптимизировать использование пространства и отображать только необходимые поля или разделы в зависимости от контекста пользователя.
<aura:component>
<aura:attribute name="showAdditionalInfo" type="Boolean" default="false" />
<div>
<!-- Default fields -->
<lightning:input value="..." />
<lightning:input value="..." />
<!-- Additional fields -->
<aura:if isTrue="{!v.showAdditionalInfo}">
<lightning:input value="..." />
<lightning:input value="..." />
</aura:if>
<!-- Toggle button -->
<lightning:button label="Show Additional Info" onclick="{!c.toggleAdditionalInfo}" />
</div>
</aura:component>
- Используйте контроллеры Apex.
Используйте контроллеры Apex для получения и отображения дополнительных данных в рамках быстрого действия. Выполняя вызовы сервера, вы можете динамически заполнять больше информации, расширяя возможности и полезность вашего быстрого действия.
public with sharing class MyQuickActionController {
@AuraEnabled
public static List<Account> getRelatedAccounts(Id recordId) {
// Fetch and return related accounts based on the recordId
}
}
Реализуя эти методы, вы можете сделать компоненты Salesforce Quick Action Aura больше, лучше и более адаптированными в соответствии с вашими конкретными потребностями. Будь то настройка размера панели, применение пользовательского стиля, переход на веб-компоненты Lightning, реализация условного рендеринга или использование контроллеров Apex, вы сможете улучшить взаимодействие с пользователем, повысить производительность и открыть новые возможности в своей организации Salesforce.п>