Navigation Bar- oracle apex 5.0

Pranav.shah

Hello,

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

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.

like ...

Nobody

Tuesday, November 24,2015

log out

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

thank you

Pranav.shah

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.

InoL

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

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:

Pranav.shah

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.