Skip to Main Content
Forums

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Interested in getting your voice heard by members of the Developer Marketing team at Oracle? Check out this post for AppDev or this post for AI focus group information.

Navigation Bar- oracle apex 5.0

Pranav.shahNov 24 2015 — edited Nov 25 2015

Hello,

Question 1 : i want to use image and text in Navigation bar like..

q1.PNG

Instead of Sample App i need Image (logo) but its not working.

i have achieved above in two steps.

First step:

Application Attributes - > Logo Type ->Sample App

Second step :

Theme Roller :

.t-Header-logo a span {

font-size: 3.8rem;

}

.t-Header-logo a span:after {

font-size: 1.8rem;

content: " - This is a sample application.";

}

Question 2:

how can i break this text its dynamic.

q2.PNG

like ...

Nobody

Tuesday, November 24,2015

log out

Right now its in one line i want to break it.

thank you
This post has been answered by Pranav.shah on Nov 25 2015
Jump to Answer

Comments

InoL

Q1: You define the logo on application level: Shared Components -> User Interface attributes

pastedImage_0.png

Q2: The navigation bar is meant to be horizontal. You can add a <br /> after the </li> in the template of the Navigation Bar, but it will make the page look really bad, IMHO. E.g. the header of your page will look like this if you make the navigation bar vertical:

pastedImage_1.png

1 person found this helpful
Pranav.shah
Answer

Hello Inol, Thank you for your reply and time.
---------------------------------
Created One Application level Item and Computation.
--------------------------------------------------
Call them in Global Page(create another computation in page 0 with static values - Call it Before Header)
. ---------------------------
Create Table Structure in HTMl format in it with Before Header Optinon Selected.
----------------------------------------
Call Page 0 Computation in Shared Components -> User Interface attributes -> Text -> &logo.
----------------------------------------
you will have Image || text both at same time.

Marked as Answer by Pranav.shah · Sep 27 2020
1 - 2
Locked Post
New comments cannot be posted to this locked post.

Post Details

Locked on Dec 23 2015
Added on Nov 24 2015
#apex-discussions, #css, #html, #image
2 comments
536 views