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
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

The tag has no usage guidance.

0
votes
0answers
17 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>...
0
votes
0answers
17 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
17 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
273 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
52 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
722 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 ...
0
votes
1answer
783 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
231 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
147 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
1k 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 ...
1
vote
1answer
329 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
0answers
25 views

static resource does not work on all users on lightning community

I'm working on lightning community and When I use this format to get static resource: '/resource/xFonts/newFonts/x.ttf' Or '/resource/1234567890002/xFonts/newFonts/x.ttf' it is work fine on my ...
0
votes
1answer
309 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
39 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
54 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
134 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
334 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
156 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
464 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
45 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
50 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
601 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
51 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
70 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
46 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
34 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
631 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-...
0
votes
1answer
1k 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
384 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
4k 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
156 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
153 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
419 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
204 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
139 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
702 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
1k 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
75 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
108 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
125 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
44 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:...
5
votes
1answer
428 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 ...
-2
votes
1answer
496 views

vf page color setting

I have below page code where I need to color the whole page with color code #FFFECC. Can someone please help? Page: <apex:page Controller="test_k" showHeader="false" sidebar="false" > <...
0
votes
1answer
65 views

How to postion the pageblock with style tag

I have to place one of my the pageblock inside a panelgrid to the top. Now its in the center postion. I tried using Inspect Element at run time, to make it top and found out a way. Its position: ...
2
votes
0answers
37 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 ...
3
votes
1answer
46 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 ...
2
votes
0answers
86 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 ...