Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [style]

The tag has no usage guidance.

1
vote
0answers
20 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 ...
0
votes
1answer
20 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
0answers
14 views

apex:pageMessages problem with Lightning style

I'm having some issues when i try to change my vfp style to lightning using apex:pageMessages/, the warning message was in the center of the header,but after using the tag apex:slds/ ,the message ...
0
votes
1answer
110 views

Apex:inputfile style

Im trying to give the 'choose file' button the lightning style,I tried to set the header on True,but its not working with that component. Is there any other way to do it? <apex:form id="...
1
vote
1answer
37 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-...
0
votes
1answer
20 views

InputField Conditional Font Styling

I have a requirement to conditionally style the font for a single inputfield based on the User's profile, however, below statement does not appear to be rendering properly. Is this possible using ...
0
votes
1answer
125 views

Set style of component.find(element)'s parent

This is in continuation of the question here I have included a select all checkbox in the header that sets the value of the checkboxes in the table. I am trying to highlight the selected rows. It ...
3
votes
1answer
34 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 ...
1
vote
0answers
148 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:...
0
votes
1answer
170 views

Lightning Styling - Component Not Rendering with Default Style [duplicate]

Just getting my feet wet in lightning. I am trying to render the following lightning app in Salesforce classic. However the form displayed is returned only in basic HTML (without the default ...
0
votes
1answer
69 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'); ...
3
votes
2answers
59 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 ...
1
vote
2answers
51 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?
3
votes
1answer
45 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 { ...
0
votes
2answers
63 views

Fields not aligned in a column in VF page

Anyone has an idea why the last 6 fields are not aligned Visualforce Page (Code for fields that are not aligned with other fields): <apex:pageBlock title="Product Information" mode="edit" ...
0
votes
1answer
124 views

Overide app.css style in salesforce lightning in Summer 18 release

We are trying to override the app.css in a custom lightning component embed in quick action to increase the width of the quick action screen. For this we are try to use the '<style></style>...
1
vote
0answers
108 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 ...
0
votes
1answer
828 views

change header and footer on window.print

I have a visualforce page and also the link that run javascript command window.print(). As my task I must to change the footer link when the print page is opened and also remove date from the header ...
0
votes
1answer
24 views

Child Vf pages styling not respected when included in parent vf page

Here's the scenario: We have 1 parent Vf page rendered as advanced_pdf. We have multiple child VF pages conditionally rendered on opportunity record type, each one has their attribute renderedAs = ...
0
votes
1answer
601 views

Custom css not getting applied in lightning Component

I am trying to apply custom css in Lightning Quick action component CSS .THIS{ } .THIS .closeIcon{ display: none !important; } .THIS .slds-modal__content{ margin: 0 auto ; width: 98% !...
1
vote
1answer
144 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
2k 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
3k 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 ...
3
votes
2answers
869 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?
0
votes
1answer
302 views

table - style display none

I am trying to make a billing invoice with table. Using style display is great and working well. however, I would like to show whole column if there is at least one row isn't empty. so the second row ...
3
votes
2answers
3k 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
847 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 ...
0
votes
1answer
636 views

Not able to align fields in column in VF page

Can anyone please help me with styling. I even tried panelgrid and pageblock section item but nothing is working My current page image: VF page : <apex:pageBlockSection columns="2"> ...
1
vote
0answers
45 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 ?
0
votes
1answer
164 views

edit community page style from lightning component

I want to change the background of the page with title ='Home' for example, and I want to do it by lightning component. I know that the Id of the page is NapiliCommunityTemplate , how to do this? ...
0
votes
1answer
210 views

How to remove space between Input field and command link on VF page

On VF page I want to show input field and Command link together how to set those components together ? Page : <apex:inputField value="{!object.M__c}" /> <apex:commandLink ...
1
vote
1answer
550 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 ...
0
votes
1answer
261 views

How to edit style of external library in lightning component

I'm using Leaflet library as external library in my component, I want to edit the style of its tooltip I tried this: marker.bindTooltip('string',{direction:'bottom',offset:L.point(0,10),permanent:...
0
votes
2answers
783 views

How do I change the color of my check mark in a ui:inputcheckbox?

I am trying to set the color of my check mark. This is the code: <div class="slds-form-element__row"> <div class="slds-form-element"> <label class="slds-checkbox"> ...
0
votes
1answer
70 views

Using two styles in class attribute of HTML Table is not working Properly

I am using both jquery plugin and slds in class attribute of html table. Jquery plugin is used for Search and Pagination option But using both in a single class attribute does not work always....
0
votes
3answers
3k views

How to set background-color in lightning component

I am having trouble setting the background of my lightning component. I have a parent component which renders other components. These components dont fill the whole page. I am not managing to set the ...
0
votes
1answer
65 views

Lightning DateTimePicker is using wrong icons

It is currently showing the icons above, instead of datetime lightning icons. How can we correct this? we are using ui:datetimepicker like below: <ui:inputDateTime class="slds-input form-control" ...
1
vote
2answers
1k 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
109 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?
2
votes
1answer
100 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,...
0
votes
0answers
40 views

right margin cutting my page content

i am rendering the vf page as pdf. but the pdf is cutting from right side. i have used the html as below- <head> <style> body { font-family: 'Arial Unicode MS'; } ...
3
votes
3answers
860 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-...
4
votes
1answer
3k 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 ...
3
votes
1answer
557 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 (){...
0
votes
1answer
7k 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
297 views

How to add color to alternate dynamic created rows [closed]

I have this below code where I create dynamic rows on button click. I want to add different color to all odd and even rows. How can I do that? <style> .redColor{ background-...
5
votes
3answers
236 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
656 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 ...
2
votes
2answers
706 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 ...
1
vote
0answers
3k 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 ...