Ticker

6/recent/ticker-posts

Add Background Image to Page in Oracle APEX - Javainhand Tutorial

In this Oracle APEX Tutorial Blog post, We will explore Add background  Image to Page in Oracle APEX.

Here we are talking about the adding background image to the entire page.We will add background image on the body section with the help of background-image css property.

Add Background Image to Page in Oracle APEX

Step 1:- First of all you have to upload your background image file in the static application files section. This option available in your application shared components section.The below screenshot will help you out to understand.


Step 2:-Now I am sharing a CSS Code.CSS Code given below,you have to add in your page inline section.

body{
  background-image: url('https://images.pexels.com/photos/3275319/pexels-photo-3275319.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover;
}

I am displaying background image using URL. In the URL section, you will add your uploaded file reference URL.

According to your requirements, You can add more  background-image CSS property. Just like background-repeat and background-size.

That's all for today I think Add Background Image to Page in Oracle APEX post will helpful for you. If you like this post then share your view in the comment box. Also, Share this post with your friends and also share in the oracle apex related group.

Post a comment

0 Comments