Salesforce閃電動作模式大小

我使用了閃電組件，我想知道如何設置閃電動作模式彈出窗口的寬度？Salesforce閃電動作模式大小

下面我的代碼：你能

.THIS{ 
 
\t 
 
}

來源

2017-05-23 Najax

請添加一些你試過的代碼 – sainu

目前我們無法自定義閃電快動作彈出的寬度。投票[this]（https://success.salesforce.com/ideaView?id=0873A000000E6ocQAC）的想法。 –

：

標記組件：

<aura:component implements="force:lightningQuickActionWithoutHeader,force:hasRecordId" controller="Lead_Coface_Controller"> 
 
\t 
 
    <div aura:id="messages"> 
 
    \t {!v.message} 
 
    </div> 
 
\t 
 
</aura:component>

CSS嘗試下面的代碼。

在控制器在doInt（或在需要的地方）

變種modal1 = component.find（「消息」）;

$ A.util.addClass（modal1，'YourClass'）;

在風格

。這.YourClass {寬度：50％;} // 改變的CSS值

來源

2017-05-24 08:05:33

謝謝你的回答。我試過了，但它不起作用。我用DOM Inspector（在Chrome中）分析了這種閃電行爲，我認爲它設置爲「one.app」和「app.css」。 – Najax

您可以分享覆蓋您的風格的app.css風格嗎？？我們可以使用父css選擇器來破解代碼。 –

https://stackoverflow.com/a/44285059/8013276 – Najax

下方app.css

.slds-modal__container {position:relative;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .1s linear,opacity .1s linear;transition:transform .1s linear,opacity .1s linear;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin: 3px 2rem;height:100%;padding:3rem 0;border-radius:.25rem;} 
 
@media (min-width: 48em) { 
 
    .slds-modal__container {margin:0 auto; width:50%; max-width:40rem; min-width:20rem} 
 
}

的一部分

來源

2017-05-31 12:38:15 Najax

Salesforce閃電動作模式大小

回答

相關問題