Stack Exchange Network

Stack Exchange network consists of 174 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
28 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
30 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
19 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
51 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
23 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
26 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
30 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
47 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
52 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
151 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
22 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
418 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
77 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
1k 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
2k 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
1answer
437 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
206 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 ...
2
votes
2answers
2k 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
560 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
442 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
42 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
114 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
172 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
451 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
205 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
604 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
57 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
2answers
2k 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
57 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
856 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 ...
0
votes
1answer
77 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
90 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
68 views

Issue Updating Custom Visualforce Tab Style

I want to update the style of a Visualforce custom tab in a managed package. Using the web UI, I updated the Tab Style for the given Visualforce tab and then packaged a beta version of the package. ...
0
votes
0answers
35 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
760 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-...
2
votes
1answer
2k 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
482 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
6k 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
223 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
184 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
523 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
394 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
2k 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
1answer
158 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 ...
0
votes
1answer
961 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: ...
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
0answers
96 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. ...
3
votes
2answers
114 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 ...
1
vote
1answer
167 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
0answers
45 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:...