Oracle APEX Logo And Text - Javainhand Tutorial

Welcome to Javainhand.com, Today I will describe to you display Oracle APEX Logo And Text. Older versions of Oracle APEX have only one choice option either display text or display logo but here I am sharing a simple method where you can display both logo and text.

Actually, I am writing this post after receiving a comment on my YouTube channel. So thanks to all of you for your valuable comments. Click here for check comment

Display Together Oracle APEX Logo And Text

In this Oracle APEX Tutorial, I am using jquery and CSS method for display logo and text together in the oracle apex application. So if you have known to jquery then this post more interesting to you.

Basically, I am using the oracle apex 5.1 version for this implementation. if you are facing the same issue in your oracle apex application then this post really helpful for you.  

Please follow the steps listed below:-

Step 1:-First, you have to go to your application shared components section and click on the User Interface Attributes section. In this section, you will see a logo option where you have to select Text Logo and add below CSS code in the logo attributes section. You can match the following screen.

style="font-family: Arial; font-size:18px;
white-space: normal; font-weight: bold;
position: relative;  top: 4px; left: 6px;"

Step 2:-Now, You have to create a Global Page in your application or if in your application have already existed Global Page then go there and create page load dynamic action.you can match with the following screen also.

Identification:- Add Logo Image
Event:-Page Load
True Action:-Execute JavaScript Code
Code:-$('.t-Header-logo-link').prepend('<img id="theImg" src="#APP_IMAGES#Logo.png" />') // In SRC you have to pass your logo Image

Step 3:-Add on one more true action on existing page load dynamic action and add the following javascript code.you can match with the following screenshot.

$(".t-Header-logo-link img").css({"float": "left", "width": "50px", "height": "100px"});

Preview:-

That's all for today I think this oracle apex logo and text post will helpful for you and usual 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.