?
Solved

Salesforce Apex not same result as my HTML page. Salesforce breaks it.

Posted on 2016-11-10
3
Medium Priority
?
133 Views
Last Modified: 2016-11-27
I have created a page using HTML, jscript, css style sheets, etc. I have downloaded the stub.js and VFMetadataSender.js files that Salesforce adds to the header.

When I run my page as pure html with js and css source files, it looks beautiful.

However, when I put my css and js as static resources in Salesforce and run the page as an Apex page, my checkboxes are munged and it looks bad. I am using the exact same resources and code, other than when I create it at salesforce, I am using an apex page and the static resources pointing to the same code I use with the html.

I can't figure out what Apex/Salesforce is doing to my code to mess it up when it's so beautiful otherwise.

Any ideas what I can look at? Maybe someone else has had this problem with Salesforce breaking things.
thanks!
0
Comment
Question by:Starr Duskk
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 7

Accepted Solution

by:
Rahul_Gade earned 2000 total points
ID: 41891350
Salesforce VF page by default include some css, and there are high chances that there is conflict between the css that you have defined and what SF has defined. Using browser's developers tool you can check with the conflict and update your css class name accordingly.
or try "showHeader=false" to reduce the default stylesheet inclusion.
0
 
LVL 2

Author Comment

by:Starr Duskk
ID: 41892197
we already downloaded their included files by viewing the source code, and don't find at conflicts.
and we already have showheader = false.
0
 
LVL 2

Author Comment

by:Starr Duskk
ID: 41903367
we just quit using salesforce static resources and use the script to a regular web path instead and it now works.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question