Questions tagged [style]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
6
votes
3answers
744 views

SOQL Style Guidelnes - Large SELECT Clause

I have a long SOQL query with a lot of fields in the SELECT clause and conditions in the where clause. How do you write it, so it's stylistically sound? I get that this is subjective...
6
votes
2answers
1k views

4 columns on a custom visual force inline page

I have values that need to be setup like this: Displayed like this, but with four columns: I tried this way but this a mess... (The above picture is an example and would have USD $ 0.00 inline with ...
5
votes
1answer
6k views

Apex string with html tags in Visualforce

Is there a way in visualforce to interpret html tags in string fields from apex class? What I am looking for is, say I have String str1="Dormammu! <div style='color:#313131;'> I have come to ...
5
votes
1answer
1k views

Object Icon without tab creation

How to set the object icon for an object without a tab. For those with tabs we do this by setting the tab style. But without tabs is it possible to set the icon displayed on the detail page of such ...
5
votes
3answers
5k views

Lightning:input type=“file” change the “Upload Files” text

I would like to change the text and the style of the "Upload Files" in the lightning:input. The style as far as I understand I would have to overwrite the slds class, but what about the text?
3
votes
2answers
2k views

How can i use var() in css in LWC?

This is what I'am trying to do: HTML: <li class="navBar2" style="--lwc-beforeColor: #0ec2df"></li> .css .navBar2{ height:29px; background-color: var(--lwc-beforeColor); } But ...
3
votes
2answers
223 views

Can we change Community Template Background dynamically?

I am trying to achieve Account specific branding in Communities. So every user belonging to one account sees a specific background. Preferably, the background-image needs to be related to the account ...
3
votes
3answers
1k views

ui:inputCheckbox not getting slds-styled when used as ltng:out in VF page

I have a lightning component inside VF page and I am using ui:inputCheckbox there many times. Example: <ui:inputCheckbox aura:id="isShown" label="Show" class="slds-...
3
votes
1answer
356 views

Visualforce <style> tag outputting as text in PDF

Here is the beginning of my visualforce page: <apex:page StandardController="Project__c" extensions="projectToPDFController" renderAs="pdf" standardStylesheets="false"> <style> body { ...
3
votes
1answer
108 views

'Correct' style for indenting list instantiations?

Bit of a random question, I know, but it's been bugging me for years, and every time I Google around looking for examples of how other code handles it, I come up short. Here's what I imagine an ...
3
votes
2answers
2k views

Lightning Path Style Issue in Lightnign Web Component

I am trying to create a lightning path in LWC, for which I used two components with SLDS Path. But the view is not as expected to Chevron. Parent Component: customPathLwc <template> <...
3
votes
1answer
92 views

What is the use of being able to override tokens in lightning?

According to documentation one can override tokens. From my point of view it is very bad to do this. 1 Because once you override a token in a child token bundle, the value which is specified in ...
3
votes
2answers
133 views

Cuttoff the Calendar in the Inline VF page

I have used the <apex:inputField in VF page add as the inline page in the Account page layout. I am wondering the calendar cutoff like below image. Is there any solution? Looking forward your help ...
2
votes
1answer
10k views

lightning:input style text-align:right; [closed]

i use in some of my component, and it render a label + and input element with default text aligned in the left, my need is to align text on the right (only of the input element), I can do that by ...
2
votes
2answers
6k views

Add style to body element of component

Trying to add a style overflow: hidden to the body element of a component from the controller in v40.0 I have been unsuccessful with anything other than: document.body.style.overflow = 'hidden' Is ...
2
votes
1answer
2k views

Lightning Design System - Large Buttons

We're trying to use the LDS classes to create a very large set of buttons. How can I set a button size to say 150x150? <apex:page > <html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http:...
2
votes
1answer
529 views

custom CSS not applied to div

i have the following css: .THIS .noErrorStyle { padding-bottom: 8rem; padding-left:2rem; padding-right:2rem; } .THIS .errorStyle { padding-bottom: 4.3rem !important; padding-...
2
votes
1answer
1k views

Dynamically control table style (height, width etc.)

I want to dynamically control table style (height, width etc.). My approach is as below: Controller public class Cntl_DynamicTableWidth { String a{set; get;} public Cntl_DynamicTableWidth (){...
2
votes
2answers
1k views

Red, Amber, Green (RAG Status) text color dependent on field number value in visualforce

Been trying to figure this out the whole day. I am new to VF and would like some assistance in figuring this out. I have a number value on a visualforce page that I would like to style with RAG ...
2
votes
2answers
163 views

How do I apply style to standard lightning components

I'm familiar with docs to create your own custom lightning design elements and design tokens, how can they be applied to a standard component on a specific page?
2
votes
1answer
2k views

How to modify @media css property in lightning styles

I have a lightning action and a component associated with it. When i click on the action, the modal pops up with a Normal size. I want to customize the width of the Modal. I searched some css stuff ...
2
votes
1answer
119 views

Shift Command button position to float center

I have a requirement to shift an apex command button to middle or center position. I can get the feeling that if I can achieve float: center then it would be my desired location for the command button,...
2
votes
0answers
41 views

How to disable generic @page rule in VF page rendered as PDF?

I have following two requirements: (1) Several single Visualforce pages rendered as PDF with a running header/footer as well as each VF page having a different “padding-top” value of it’s content, i.e....
2
votes
0answers
345 views

Custom Popover position and styling issues

Using a custom popover is causing issues as it removes the scrollbar from the screen when it opens, causing the screen to shake slightly when it opens and closes. I've attempted to apply position:...
2
votes
0answers
248 views

Pseudo elements styling in lightning component

I have a html table defined in my lightning component. I want to change the CSS for the pseudo elements --> ::Before and ::after. Similar to this screenshot, I would like to add the below line ...
2
votes
0answers
123 views

VF TabPanel activeTabClass and disabledTabClass not working

Using the attached example code, none of the classes seem to work. If I look carefully when the page loads the TABS are coloured but then some code or SF style sheets switches my tab colours off. ...
2
votes
0answers
86 views

Capitalization guidelines for Salesforce objects in managed package application UI

Can anyone suggest guidelines for how to capitalise references to Salesforce objects in a managed package application UI, in particular standard objects like Account, Contact etc.? I've read the ...
2
votes
0answers
92 views

My VF page is loading both Mobile & Desktop view

I am using JSON to populate data tables in my page. very Strangly, it's loading the data in both Mobile & Desktop view. Can anyone help me with this? Attaching the screen shot. PFB the code ...
1
vote
1answer
67 views

Where to find the CSS styles behind a Salesforce CSS class?

Background The Lightning Design System shows the CSS classes you can use for a finite number of scenarios. The problem I don't like this. I prefer being able to understand what is actually being ...
1
vote
1answer
869 views

edit column style of page in lightning App builder

I have this App page in Lightning App builder Each section has a custom component, could I modify the width and height of each column (2, 3) from inner components? ex: in section 2 >> there is a ...
1
vote
2answers
4k views

Focus box on lightning:input

When the input element is 'focused' (currently selected/tabbed) , Chrome puts a blue border around it. And I just can't figure out how I can get this away. I think the browser is putting it there. But ...
1
vote
1answer
22 views

BEN notation replacing “--” with “_” affecting Lightning Design Tokens also?

In Spring 21 BEM notations with "--" are being deprecated and should be replaced with "_" (eg "slds-m-right--xx-small" will become "slds-m-right_xx-small"), ...
1
vote
1answer
395 views

Trying to make image in table clickable on Visualforce Page

I have a visualforce page with a table with images as follows: <apex:dataTable value="{!List_of_images}" var="Rlist" styleClass="box" > <apex:column headerValue="Pic" styleClass="...
1
vote
1answer
316 views

Custom Component Not working as expected

I am using an example of custom component from - https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_comp_cust_elements_attributes.htm Here is my custom Component: <apex:...
1
vote
1answer
19 views

Center lightning:fileCard with css

I am trying to center this component within a column with css. this is my code <div class="slds-col slds-size_1-of-1 slds-large-size_4-of-12 slds-m-bottom_large"> <...
1
vote
1answer
4k views

Styling lightning:outputField checkbox

I am using lightning:recordViewForm to display case data; And inside the lightning:recordViewForm, i use lightning:outputField to display fields data, like this: <lightning:recordViewForm ...
1
vote
1answer
359 views

How to change the design of the exported Excel or PDF files?

I'm providing an export links to export some result into a PDF or Excel files. The tables, in the exported files, don't look that good and I had tried to add some style to my VF page but it didn't ...
1
vote
1answer
276 views

Style input elements (width) inside Flow

Is it possible to somehow style elements inside the screen flow? I have 4 elements, the first 2 are flow standard Text elements. The third one is the standard lookup field and the last one is my ...
1
vote
0answers
253 views

How to use a JS property in a CSS style?

While making a Lightning Web Component, I am trying to use a JS property in an inline CSS style, but it's more complicated than I thought. My property looks like this: get yesVisColorLabel() { ...
1
vote
1answer
190 views

Applying styling ONLY to specific class within another class in Aura component

Is there a way to apply a CSS rule to a specific class only if it is within another? For instance, if I wanted to make the background black for a class black within the class container but not set ...
1
vote
2answers
263 views

Line spacing not applying when using <li> tag

This is for Salesforce CPQ Template Content. I have a spacing issue when using the li tag. If the item is too long and is forced onto more than one line, it doesn't take into account the style="margin-...
1
vote
1answer
1k views

force:lightningQuickAction remove scrollbar

Is there a way to remove the vertical scrollbar from my aura component which implements force:lightningQuickAction? I would like to keep the upper section fixed and make only the lower content ...
1
vote
0answers
58 views

how to add new font to salesforce to use in community and lightning component

How can I add new font to use in community and lightning component, should I use static resource or what ?
1
vote
1answer
133 views

Lightning design css overwrites header styling

When using the latest lightning design css on a visualforce page the styling overwrites the standard styling in the header. Is there any way around this happening?
1
vote
0answers
4k views

Centering OutputText on a VisualForce page [closed]

I am attempting to put a text message just above the buttons of some of the records which will indicate to the user that something is still needed in order to Submit his request. For some reason my ...
1
vote
0answers
49 views

Store email styles in a data extension

I have HTML emails where a ton of the styles repeat within and across emails. I was thinking to store these in a data extension with "name" and "style" columns. name: "paragraph", style: "font:...
0
votes
2answers
597 views

Flow builder - Style

I am currently working on a flow and I would like to make some style changes. The tool is pretty cool but seems very hard to customize. Is it possible to customize the style of a flow? if yes How ? ...
0
votes
1answer
288 views

Hide a commandLink onClick

I'm trying to hide a commandLink type"button" onClick, i will give you the code below. <script type='text/javascript'> applyCSS: function(cmp, event) { var cmpTarget = cmp.find('save'); ...
0
votes
1answer
12k views

Align a command button using float:center style [closed]

In my code below, I am trying to align the command button inside a pageblock section using style - float:center. But I am unable to move the button to center. But when I use float:right , the button ...
0
votes
1answer
2k views

Pad white space at the top of an outputText

I want to try and push down some text that I have on a Visualforce page dashboard component. I have most of the style that I want but it won't seem to push down in the page. I've tried padding-top: ...