Thank you for supporting the Cloud Customer Connect Community in 2024. It's a gift to work with you!

Look back
You're almost there! Please answer a few more questions for access to the Applications content. Complete registration
Interested in joining? Complete your registration by providing Areas of Interest here. Register
Get Started with Redwood for Oracle Cloud HCM   Begin Now
To ensure that questions get required attention from community members and are NOT left unanswered, it’s important for the author to indicate (by selecting “Yes” or “No” when prompted) whether the question was answered. (newly added) Please note that it is also important to respond to EACH comment your question receives. Your Yes or No response ensures an accurate status for your question.

For more information, please refer to this announcement explaining best practices for getting answers to questions.

Reponsive Images in Header (Page Template Editor)?

edited Apr 6, 2015 10:17PM in Taleo Learn 3 comments

Summary

My source code gets replaced for my "responsive" image in the header

Content

I have an image inserted in the header of my page template. I would like for this to be responsive so if the page is viewed on a mobile device, smaller screen, etc., the image will resize accordingly...here is the code i'm using:

<html>
<head>
<style>
  img { width:100%; }
</style>
</head>

<body>

<img src="/files/images/Footer___MCG.png" />

</body>

</html>

I'll click the "Source Code" button found in the Header's toolbar and insert the code, click OK. After the Source Code window closes, the image that was originally "bleeding" over is now auto-resized to fit in the Header window. But if I click on the "Source Code" button again, all of my code is replaced with:

Howdy, Stranger!

Log In

To view full details, sign in.

Register

Don't have an account? Click here to get started!