[Last Call] Learn about multicloud storage options and how to improve your company's cloud strategy. Register Now

x
?
Solved

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

Posted on 2016-11-10
3
Medium Priority
?
151 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

Technology Partners: 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

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

650 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