Custom Navigation bar icons

I saw only that featured this video on the blog of adobe http://blogs.Adobe.com/digitalpublishing/2012/09/app-of-the-week-better-homes-gardens.html

He mentions that you can add icons custom in the navigation bar of the application, are there instructions on how this is achieved and what level of DPS scubcription do you need for this?

If you have a DPS Enterprise Edition, you can customize the Navigation toolbar and add custom icons.

Tags: Digital Publishing Suite

Similar Questions

  • The navigation bar icon not display on iphone

    Hi all

    jdev version 11.1.2.4.0

    In my case I have app with three options display in the navigation bar.

    navigation bar icon show correctly on the android device.

    android.png

    but it is not show on iphone device.

    iphone.png

    See also in the doc: 4 definition of a Mobile Application (version 2.0.1.0.0)

    If a component of the application uses images customized for the navigation bar and springboard rather than the default ones provided by the MAF, you must create these images to the specifications described by Android developers website ( http://developer.android.com/design/style/iconography.html ) and in the chapter "Custom Icon and Image creation Guidelines" in iOS Human Interface Guidelines, which is available since the iOS Developer Library ( http://developer.apple.com/library/ios/navigation/ ).

  • How to set the service Navigation bar icon

    Hi all

    I use jdev 11.1.2.4.0

    I have created an application which have two features my question is, how put icon on Navigation bar for these features?

    I created a folder public html-> resources-> images (where there are images of icons)

    but when I go to put the Navigation icon by using the Browse button is not shown my file.

    Thank you

    Manish

    Sorry my mistake...

    I was clicking on the "Lifecycle event listener" icon just above the Navigation button icon browse by mistake.

    Thank you for helping me.

  • Navigation bar icons

    I need to put icons in my navigation bar, but they are all off center... I then put over the text... as a "?" icon and under a text "help"... (the two Center)... but when I put his stay icon just to the left of the text... I have alread try to put some html like < br > tags, but they're not just the way I need...
    can anyone help?

    Have you tried to use

    Tags?

    Thank you

    Sam
    Please reward the right answers by marking correct or helpful!

  • The custom group bar icons

    I tried to use my own icons instead of those in the examples and documentation file loaded with DIAdem.  I can't have my icons to work.  What I see is a blue juror with a '? ' in computer science and a tipstrip indicating the icon is not available.  How can I create my own icons?  I even tried to use NI LabVIEW 8.6 icon editor.  It will not read even in the icons of DIAdem.  I ensure that I can't get anything to work because I do not have the format correct .ico (how many pages are in the icon, what resolution, etc.).  Can anyone provide information on the content of the icon and how do I create custom .ico which will work in tiara.

    Thank you and Merry Christmas.

    AJL

    AJL Hello!

    The icon should be the rare size of 27 x 27 pixels. Color depth is not important.

    I love to edit icons Axialis IconWorkshop .

    Merry Christmas

    Matthias

  • How can FF 5.0 - I return the old navigation bar icons?

    Hi, new to FF, been using it for about a day, and like him. Since I've updated to 5.0 the icons on the toolbar of NAV. are small icons inside boxes. No biggie, but I liked the old ones better without boxes and large icons.

    Anyone know how I can return these puppies? I looked around and see no option icon.

    Thank you

    Try another theme of Firefox (Tools > Modules > appearance/themes):

  • Navigation of the MAF iOS bar icon

    I have exactly the same problem as this discussion here:

    Re: Bar of Navigation Mobile ADF Images not rendered

    I tried the icon Frank refers to the discussion and it works, but I can't really nail down what are the differences between my icon and one that works ([email protected])

    Can anyone recommend where I can find the form that this icon should be like to work in the navigation bar?

    At the CRG, this icon is configured in CRG - feature.xml

    have you checked the link for guidelines on this thread:

    The navigation bar icon not display on iphone

  • CSS - do not know what to change to begin first of all for the smallest device (border in the navigation bar collapsed)

    I am starting with the smallest device (iPhone, 320 pixels wide) and have implemented the skeleton page. I added a tag to the class to change the background of the original black to Tan, but cannot find a way to cross the border in the white navigation bar icon. I thought that my class label would substitute, but does not appear. Also, is there a setting that I should look for in the bootstrap.css (read-only) which can be adjusted to display the navigation elements rather than collapsed in about 320-768 pixels button icon? Any help would be appreciated.

    John

    <! DOCTYPE html >

    < html lang = "en" >

    < head >

    < meta charset = "UTF-8" >

    < meta http-equiv = "X-UA-Compatible" content = "IE = edge" >

    < meta name = "viewport" content = "width = device-width, original scale = 1" >

    < title > Untitled Document < /title >

    <!-"bootstrap"->

    < link href = "css/bootstrap.css" rel = "stylesheet" > "

    < link href = "css/phone.css" rel = "stylesheet" type = "text/css" > "

    <! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >

    <!-WARNING: Respond.js does not work if you view the page via file://-->

    <!-[if lt IE 9] >

    " < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .

    " < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .

    <! [endif]-->

    < / head >

    < body >

    < div class = "container-fluid" >

    <! - start the header image - >

    < div class = "row" >

    < div class = "col-xs-12" style = "" background-color: #ABF0A7; "> < / div >"

    < / div >

    <! - end header image - >

    <! - start navigation - >

    < nav class = "navbar, navbar-reverse rennavbkgrd" > ""

    < div class = "container-fluid" >

    < div class = "bar navigation-header" >

    < button type = "button" class = 'bar of navigation-toggle' toggle data = 'collapse' data-target = "#myNavbar" >

    < span class = 'bar icons' > < / span >

    < span class = 'bar icons' > < / span >

    < span class = 'bar icons' > < / span >

    < / button >

    < / div >

    < div class = "navbar-collapse collapse" id = "myNavbar" >

    < ul class = "navbar-nav nav" >

    < class li = "active" > < a href = "#" > about us < /a > < /li >

    < li > < a href = "#" > < /a > < /li > team members

    < li > < a href = "#" > Subscriber packages < /a > < /li >

    < li > < a href = "#" > insurers < /a > < /li >

    < li > < a href = "#" > Photos < /a > < /li >

    < li > < a href = "#" > contact us < /a > < /li >

    < /ul >

    < / div >

    < / div >

    < / nav >

    <!--end of navigation-->

    < div class = "container-fluid" >

    < h1 > Just a few of us < / h1 > <! - subtitle of the page - >

    <! - start the main text area - >

    < div class = "row" >

    < div class = "col-xs-12" style = "" background-color: Lavender; "> < p > welcome to the Renegades." duis dapibus molestie nisi egestas Magna non semper. ID justo nam posuere duis laoreet auctor fames. Volutpat placerat ut suspendisse imperdiet porttitor felis dui donec pulvinar sollicitudin sollicitudin so tempor. Massa feugiat quam viverra nunc enim libero torquent torquent mus nec lectus is turpis.

    < /p > < / div >

    < div class = "col-xs-6" style = "" background-color: #F39393; "> < p team photo > < /p > < / div >"

    < div class = "col-xs-6" style = "" background-color: #B3EBB7; "> < p >"

    Penatibus ante, MPCs fames morbi egestas duis dapibus molestie nisi Magna non semper lorem. ID justo nam posuere duis laoreet auctor fames. Volutpat placerat ut suspendisse imperdiet porttitor felis dui donec pulvinar sollicitudin sollicitudin so tempor. Massa feugiat quam viverra nunc enim libero torquent torquent mus nec lectus is turpis.

    < /p > < / div >

    < div class = "col-xs-12" style = "" background-color: lavenderblush; "> < p > third text < /p > < / div >"

    < / div >

    < / div >

    <! - end of main text area - >

    < / div >

    <! - start the footer - >

    < style footer = "" background-color: #F2DA3E; "> < p > copyright & copy;" Renegades 1999 team kitchen. All rights reserved. < /p > < / footer >

    <! - end of footer - >

    <! - jQuery (necessary to Bootstrap JavaScript plugins) - >

    "< script src="js/jquery-1.11.2.min.js "> < / script >

    <! - include all the plugins compiled (see below), or include individual files to the need - >

    < script src = "js/bootstrap.js" > < / script >

    < / body >

    < / html >

    Use navbar-default (light) instead of - reverse (dark).

    And you can target the Bootstrap selectors in your custom CSS code.  No additional required courses.

    .NavBar.NavBar - default {background-color: #D2B48C ;}}

    Nancy O.

  • My navigation bar collapsed onto the gallery page not working gas not star tutorial - how to make and style of a sensitive web page

    Hello

    I made the tutorial how to make and style of a sensitive web page. This is the tutorial of Star Gazer. My Gallery with the images of the planets page works well until I reduce the size of the browser and displays the "sandwich" of the navigation bar icon collapsed, when I click on this icon, nothing happens. Could someone please tell me what is the problem with my HTML or otherwise I you have filled the gallery page and it works could you please paste your code in the response. Any help is much appreciated, thank you.

    Vincent

    < title > Stargazer / < /title >
    <!-"bootstrap"->
    "< link href="css/bootstrap.css" rel="stylesheet">" "
    "" < link href= "css/styles.css" rel= "stylesheet" type= "text/css" > ".
    <! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >
    <!-WARNING: Respond.js does not work if you view the page via file://-->
    <!-[if lt IE 9] >
    " < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .
    " < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .
    <! [endif]-->
    < / head >
    < body >
    "< div class="container-fluid" id="wrapper">" "
    "< nav class="navbar, navbar - default">".
    "< div class="container">".
    <
    ! - Brand and toggle get grouped together for better mobile display->"< div class="navigation-head bar' > '."" < button type= "button" class= "navbar toggle collapsed" data-toggle= "collapse" data-target= "#defaultNavbar1" > < span class= "only sr" > toggle thenavigation / </span >< span class= "toolbar" ></span >< span class= "toolbar" ></span >< span class= 'toolbar' ></span > </ button > """< a class="brand navigation bar" href="index.html"> Stargazer< /a >< / div > " "<!-collect the nav links, forms, and other content to alternate->"< div class="navbar-collapse collapse" id="defaultNavbar1">" ""< ul class="navbar-nav right navbar nav">".< li > <a href="#"> On< /a > </li >< li > <a href="#"> Gallery< /a > </li >< li > " < a href="http://www.nasa.gov"> ". NASA< /a > </li >< /ul >< / div ><!-/ .navbar-collapse->< / div ><!-/ .container-fluid->< / nav >"< idarticle = 'main' > '.< h1 > Close to the Sun. < / h1 >< p > Lorem ipsum dolor sit amet, adipiscing elit computer. CRAs gravida, ligula libero sem, condimentum mauris risus vitae orci sold computer and elementum tristique, felis. Nulla justo nisl, ut ut felis, tempus dapibus purus vestibule. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos inceptos. Donec lectus vel lacinia dolor quis massa mollis nisi. Phasellus at pretium ipsum. Surpassing vestibule risus vitae. Surpassing fringilla tempus lacus, vitae elementum felis efficitur. < /p >< / item >"< div class="container">"."< div class="row">"."< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-1.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mercury< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-2.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mariner< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-3.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Messenger< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >< / div >< / div >"< div class="container">"."< div class="row">"."< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-4.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Magnetic< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-5.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Microwave< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-6.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mapping < / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >< / div >< / div >< footer >& copy; 2015 stargazer< / footer >< / div ><! - jQuery (necessary to Bootstrap JavaScript plugins) - >" < script src="js/jquery-1.11.2.min.js"> ". < /script ><! - Include compiled all the plugins (see below), or individual files as needed-->" < script src="js/bootstrap.js"> ". < /script >< / body >< / html >

    The cause of the problem is not attached jQuery library.

    Make sure that jquery - 1.11.2.min.js is located in the subdirectory js as in

  • navigation bar contains buttons of social site that are supposed to show the icons, but display only text

    I have been using firefox as my main development for a new Web page. I use WordPress 3.4.2 and custom theme called thesis 1.8.5.

    The main navigation bar contains 8 buttons; 1 on my blog which is the home page and the other 7 to static pages. These buttons all justify left. The right end of the bar contains buttons for Twitter, Google, Facebook, and Feedburner. Are (or were) related to images; These buttons are justified to the right.

    Here's the code that does this work:

    http://DIYthemes.com/thesis/RTFM/replace-WP-menu-text-links-image-sprites/

    They worked fine until yesterday when I made some design changes to the space between the left button. Now, rather than display icons, the underlying text shows on the buttons right justified.

    Now, here's what's interesting. I also have Safari and Chrome on my system. The icons show both of theirs.

    I can't find any explanation or patches for this problem.

    I'll give you the URL of the site, but it is in Maintenance mode so will not show the problem.

    Thanks for your help.

    These screenshots of the nav firefox, chrome and safari bars could help.

  • There is no search icon in my navigation bar

    cannot search for books. There is no search icon in the navigation bar.

    Open tap to the general settings, choose Restrictions, press set iBooks Store 'stop' - If you show up then it 'on' and the legs should reappear in the iBooks app.

  • Feedly and Gmail Notifier icons repositioning in the navigation bar after the browser is refreshed.

    Are there steps I can take to keep the fixed add-on icons in the navigation bar?

    Another option besides the extensions behaving badly. Sometimes, the file that stores the toolbar customizations is damaged and fails to update correctly at the end of your session (as causing many other strange symptoms).

    The file is not editable, but you can rename it and customize your toolbars from scratch.

    Open your current Firefox settings (AKA Firefox profile) folder using

    Help > troubleshooting information > "view file" button.

    Leave this window open, switch back to Firefox and output

    Pause while Firefox finishing its cleanup, then rename localstore.rdf to something like localstore.old

    Restart Firefox. I hope that now your preferred icon positions will be remembered.

  • I do not see the history of my site in my navigation bar (only Web site icon and not the website link). How to cancel it?

    Before I upgraded to the latest version of firefox, I could see the history of my Web site in the navigation bar. By that I mean I could see the real links and I could move everyone to see that I wanted to visit. Now, these links do not exist (or if they are, they are not visible to me) and I cannot see the icon of the Web site and cannot see what link is by actually selecting. How to cancel it?

    Try disabling hardware acceleration in Firefox.

    Start Firefox in Safe Mode to check if one of the extensions (Firefox/Firefox/tools > Modules > Extensions) or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox/Firefox/tools > Modules > appearance).

    • Do NOT click on the reset button on the startup window Mode without failure.
  • When you customize the taskbar icons added to the navigation bar disappear when clicking on Done.

    I use the customization to add several icons in the Navigation bar. While customization window is opened they all are seen on the Navigation bar. When I click on Done some of them disappear. You can see the problem in these two images.
    http://s179350112.onlinehome.us/IconsShowing.jpg
    http://s179350112.onlinehome.us/IconsMissing.jpg
    Icons missing to not appear anywhere on the Navigation bar, at the other end.

    You need to hide the menu bar if you want the button to Menu bookmarks with the drop marker will appear on a toolbar.

    If you want the button bookmarks to open the bookmarks in the sidebar, then you must button bookmarks without the marker drop you can see in the first screenshot on the second row.

  • How to change the icons size in the Navigation bar

    Is there a simple setting to increase the size of the icons in the Navigation bar? Changing profiles and such is a bit beyond me.

    Thanks for your comments, the-edmeister, that's exactly what I needed! Thank you very much.

Maybe you are looking for

  • El Capitan &amp; Safari

    is one of the problems with Safari after loading the most recent OS El Capitan? I have an iMac with a 2.8 GHz processor and I was not able to load a lot of old sites I've done the upgrade. I have SAFARI can't find the site.  All my other devices work

  • Battery CMOS for PC COMPAQ Presario CQ4010F

    Hello. Usually, when I start the PC, I have to reset the time on the internet because the time is wrong and shows of the year in 2009. Then the Control Panel indicates that the CMOS works normally. This leads me to believe that the CMOS battery is dy

  • WRT610N and twonky media server PROBLEM

    Hi, I finally had some time to install my network wireless at home, everything works well except the media server, im trying to connect an xbox 360 and ps3, they see in the media server and I can access the problem is that the only file that they see

  • z c

    A friend was recently given a new still in box of Compaq Presario C727US. He had apparently no difficulty to use it at the beginning because it has setup the laptop and because it a password. The next day however when he tried to start and use his la

  • Using CDP to create the network topology diagram

    Hi all I'm a beginning network specialist and just thought I would throw this question and see if I can get some answers.  Well, I want to know how I can use CDP to find out our network topology so I can create diagrams and Visio diagrams, or if you