Info on the Navigation bar blocks the app

Similar Questions

• Add actions to the BlackBerry 10 Android app navigation bar.

  Hi all

  I wore one for BB 10 Android app. I have observed that I get a navigation bar at the bottom of the screen, with icons defalult ('Back', 'info', 'Hide', 'Overflow'). I wanted to know is anyway to add our own actions (Ex: including buttons 'Previous' and 'Next') in the bar of navigation through source code Anroid.

  If not through the Android source, which is available workaround...

  Can someone also tell me is it possible permanently show the navigation (showing probably not 'hide' icon in the navigation bar) through Android code.

  I hope that my questions are very basic since am new to porting of BB, but very curious about things. Thanks in advance.

  Ah, it's also not possible.

• Transparent or semi-transparent navigation bar all THE apps in Lollipop

  Hello community,

  I want the report to the screen, a bad feature of our Sony with press.

  The navigation bar that contains the soft keys touch remains black in all applications (exception Album and other Sony apps). It smells very bad to see, so there is a solution, a mod, an app WITHOUT ROOT to have a transparent or semi-transparent navigation bar?

  For example, in Chrome, will be perfect to have transparent navigation bar to see full web page complete!

  Thank you!

  Hi Alexdon,

  I read the thread, but does not answer my question; It talks about the immersive mode, but not on the transparent navigation bar.

  But, indeed, the immersive mode is better than the transparent bar, so I searched the web on and I found an interesting application, requiring no root, which allows the user hide the navigation bar in ALL the apps and home screens.

  So, I don't know how Sony has not implemented this feature HIGH on his Xperia devices wih the latest firmware, because it is a feature that enhance value, functionality and beauty of its features...

  The app is named on game of Google as a store GMD Immersive Mode full screen and his works fine (tested personally). The only bug is the keyboard, a bug of Android, where the navigation bar must be required to type and should not used with the camera app (but app inventory also have similar immersive mod).

  I hope that this thread can help other users and, especially, can be read by employees of Sony to natively implement this update functionality in the future or when comes out the new home screens.

• Is there a way to block the spread of navigation bar for a specific page/section?

  Hello

  I would like to know if it is possible to hide the navigation bar for a specific post/page?

  In our society, we have built a presentation guide to our sales representative. We have recently added a html content embedded in the presentation.

  The question we have is that the html page contains drop-down lists boxes. Each time we press the drop down menus, navigation bar will appear. It really is intrusion with the user experience.

  I know it is possible to turn it off for the application, but is it possible to simply to block for the page that contains the embedded HTML code?

  Thank you!

  John

  If you make your HTML consume all the gestures of contact on the page I think it's going to keep the top navigation bar to appear. However this does not mean your readers will not be able to slide off the page, and you can use hyperlinks to take them to other content within the application.

  If you use DPS 2015 instead of that we have API, you can call since in the code HTML to have the finer level control over how the gestures are handled in HTML.

  Neil

• Make the fixed Navigation bar drop Menus still appear on the top

  You can see my problem here

  Using Dreamweaver - how do the fixed Navigation bar down Menus still appear on the top - YouTube

  I'm not too familiar with dreamweaver and don't know how to ask this question or even don't know where is the problem. I did the navigation bar have a fixed position, but the rest of the items would appear on top of the value net asset bar when I scrolled down. How to make the navigation bar always be above all down the screen so the menus and submenus appear always on top?

  CSS STYLESHEET

  {body

  background-color: #191919;

  do-size: 12px;

  do-family: Arial;

  line-height: 23px;

  color: #fff;

  }

  IMG,

  #logo,

  #smallphone,

  #bigphone,

  touch,

  a,

  H3,

  #slidernav li,

  #computer,

  #footer,

  #footer img,

  .smalllogo,

  .learnmore,

  {#submit}

  behavior: url(javascript/iepngfix.htc)

  }

  /* ---------- Hack ---------- */

  .stripNavL, {.stripNavR}

  display: none;

  }

  .stripNav a {}

  text-indent:-9999px;

  }

  {#stripNav0}

  Width: 200px;

  }

  {.stripNav}

  Width: 200px! important;

  }

  .stripNav ul li {}

  margin-left: 10px;

  }

  .stripNav ul {}

  float: right! important;

  }

  {.clearfix}

  Display: inline-block; }

  . Clearfix: after {}

  "content: » ;

  Display: block;

  height: 0;

  Clear: both;

  visibility: hidden; }

  / * Hide IE Mac * /.

  . Clearfix {display: block ;}}

  / * End hide IE Mac * /.

  /* ---------- Typo ---------- */

  {small

  display: block;

  margin: 10px 10px 0 0;

  color: #6fcad7;

  text-transform: uppercase;

  make-weight: bold;

  }

  {small .entry-block

  make-weight: normal;

  text-transform: none;

  }

  {p}

  color: #FFFFFF;

  }

  a, {.link

  color: #6fcad7;

  text-decoration: none;

  }

  H1 {}

  text-transform: uppercase;

  font size: 16.5px;

  color: #FFFFFF;

  do-family: Arial;

  }

  H2 {}

  text-transform: uppercase;

  font size: 36.5px;

  color: #6fcad7;

  padding-bottom: 15px;

  Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

  }

  {.nodivider}

  background-image: none;

  }

  H3 {}

  text-transform: uppercase;

  font size: 16.5px;

  height: 30px;

  color: #6fcad7;

  padding: 5px 0px 0px 35px;

  Background: url (.. / images/icon11.png) left no-repeat;

  }

  H4 {}

  font size: 24 PX.

  color: #6fcad7;

  display: block;

  margin: 20px 0 0 0;

  }

  {.description_p}

  color: #ffffff;

  Padding: 15px 0px;

  Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

  }

  .Icon1, .icon2, .icon3 {}

  color: #ffffff;

  }

  {.icon1}

  Background: url (.. / images/icon9.png) left no-repeat;

  }

  {.icon2}

  Background: url (.. / images/icon11.png) left no-repeat;

  }

  {.icon3}

  Background: url (.. / images/icon10.png) left no-repeat;

  }

  .footerblog a {}

  color: #FFFFFF;

  text-decoration: none;

  margin: 20px 15px 0px 0px;

  }

  .footerblog a: hover {}

  color: #6fcad7;

  }

  {.footerblog}

  margin-bottom: 5px;

  font size: 15px;

  }

  #footer p {}

  color: #a4a4a4;

  do-size: 10px;

  }

  /* ---------- Logo ---------- */

  #logo {}

  float: left;

  Padding: 12px 0px 0px 10px;

  }

  /* ---------- Slider ---------- */

  {#topcontent_wrap}

  background-color: #0 d 7483;

  overflow: hidden;

  }

  {#topcontent}

  Width: 940px;

  margin: 0 auto 0 auto;

  overflow: hidden;

  Padding: 50px 50px 0 0;

  }

  {#info}

  float: right;

  Width: 550px;

  Padding: 0px 0px 0px 35px;

  }

  {#infoleft}

  float: left;

  Width: 550px;

  Padding: 0px 0px 0px 35px;

  }

  {#infoleftsmall}

  float: left;

  Width: 300px;

  Padding: 0px 0px 0px 35px;

  }

  . Video {}

  float: right;

  top of the margin: 45px;

  }

  . Video a {}

  text-decoration: none;

  color: #FFFFFF;

  }

  . Video: hover {}

  color: #6fcad7;

  }

  {.screenshotsfeatures}

  margin: 20px 10px 0px 0px;

  overflow: hidden;

  }

  {.screenshots}

  Width: 300px;

  float: left;

  }

  .the {}

  left margin: 20px;

  float: left;

  }

  .screenshots li {}

  display: block;

  Width: 71px;

  height: 57px;

  Background: url (.. /images/screenshot-BG.jpg top) left no-repeat;

  float: left;

  Padding: 7px;

  margin: 0px 10px 10px 0px;

  }

  . List {}

  Background: url (.. /images/features-BG.jpg top) left no-repeat;

  Width: 196px;

  height: 96px;

  top of the margin: 9px;

  Padding: 0px 0px 33px 11px;

  }

  . List li {}

  color: #96d7e0;

  list-style: circle;

  low-margin: 7px;

  }

  button {}

  float: left;

  margin: 10px 0 0 0;

  }

  {.learnmore}

  Background: url (.. / images/learnmorebtn.png) top left no-repeat;

  Width: 99px;

  height: 30px;

  display: block;

  color: #6fcad7;

  text-transform: uppercase;

  do-size: 11px;

  text-decoration: none;

  make-weight: bold;

  line-height: 30px;

  text-align: center;

  }

  {a.learnmore:hover}

  Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

  }

  {#slidernav}

  position: absolute;

  margin-bottom: 30px;

  right: 10px;

  bottom: 60px banner;

  }

  #slidernav li {}

  Background: url (.. /images/dot-OFF.png top) left no-repeat;

  Width: 12px;

  height: 11px;

  margin-left: 10px;

  float: left;

  }

  #slidernav ul {}

  margin-top: 10px;

  }

  #slidernav li.doton {}

  Background: url (.. /images/dot-on.png top) left no-repeat;

  Width: 12px;

  height: 11px;

  margin-left: 10px;

  float: left;

  }

  #slidernav li a {}

  display: block;

  Width: 12px;

  height: 11px;

  }

  #slidernav li a.the {}

  Background: url (.. /images/dot-on.png top) left no-repeat;

  Width: 12px;

  height: 11px;

  display: block;

  }

  #slidernav li a span {}

  display: none;

  }

  / * - iPhone - computer-* /.

  {#iphone}

  position: relative;

  Padding: 110px, 70px 0px 0px;

  Width: 345px;

  z-index: 1;

  float: left;

  margin:-50px 0 - 30px 0;

  }

  {#smallphone}

  Background: url (.. / images/smallphone.png);

  Width: 159px;

  height: 292px;

  Padding: 0px 0px 22px 57px;

  }

  {#bigphone}

  Background: url (.. / images/bigphone.png);

  Width: 211px;

  height: 378px;

  Padding: 0px 0px 28px 73px;

  position: absolute;

  top: 45px;

  right: 0;

  z index: 9999;

  }

  {#computer}

  Background: url (.. / images/computer.png);

  Width: 319px;

  height: 311px;

  float: right;

  top of the margin: 45px;

  Padding: 15px 0px 0px 25px;

  }

  / * - On the content of the left Page-* /.

  {#leftcontent}

  Width: 680px;

  overflow: hidden;

  float: left;

  }

  {.imgfloat}

  float: left;

  margin: 15px 0px 20px 0px;

  }

  #sidebar {}

  float: left;

  Width: 190px;

  padding-left: 35px;.

  margin: 10px 0px 0px 725px;

  Background: url (.. /images/Color-vertical-div.jpg top) left on repeat-y;

  position: fixed;

  }

  {.sidebartitle}

  Background: none;

  padding: 0px;

  }

  #sidebar ul {}

  margin: 10px 20px 0 0;

  Width: 190px;

  overflow: hidden;

  }

  #sidebar li {}

  margin-bottom: 10px;

  }

  #sidebar li a {}

  text-decoration: none;

  color: #bababa;

  font size: 16.5px;

  }

  #sidebar li a: hover {}

  color: #ffffff;

  }

  {.sidebaron}

  color: #ffffff! important;

  }

  #sidebar ul #social {}

  list-style: none;

  overflow: hidden;

  margin: 0-0 15px 0;

  Padding: 15px 0 0 0;

  Width: 188px;

  }

  #sidebar ul li {} #social

  margin-bottom: 0px;

  margin-top:-5px;

  overflow: hidden;

  float: left;

  }

  #sidebar ul a {} #social

  Width: 32px;

  padding: 0 15px 15px 0;

  overflow: hidden;

  display: block;

  }

  . Clear {}

  Clear: both;

  }

  purchase online .slider {}

  height: 449px;

  }

  / * - Down content-* /.

  {#bottomcontent_wrap}

  Background: url (.. / images/bottomcontentbar.jpg) #191919 top left horizontal;

  Padding: 9px 0px 0px 0px;

  }

  {#bottomcontent}

  Width: 940px;

  margin: 0 auto;

  Background: url (.. / images/bottomcontentbg.jpg) #191919 top left no-repeat;

  overflow: hidden;

  padding-top: 30px;

  }

  .the .middle, {.right

  float: left;

  Width: 250px;

  }

  .the {}

  padding-right: 20px;

  Background: url (.. /images/Dark-vertical-div.jpg) top right repeat-y;

  }

  .the ul {}

  margin: 5px 0px 0px 15px;

  }

  . Li {}

  color: #ffffff;

  list-style: circle;

  low-margin: 7px;

  }

  {.middle}

  padding: 0px 55px;

  }

  . Right {}

  float: right;

  padding-left: 55px;

  Background: url (.. /images/Dark-vertical-div.jpg top) left on repeat-y;

  }

  /* ---------- Contact ---------- */

  #container ul li.success

  {

  color: #ffffff;

  }

  #container ul

  {

  text-align: left;

  color: #6fcad7;

  top of the margin: 15px;

  }

  . TextField {}

  border: 1px solid #aaa;

  Background: #fff;

  padding: 5px;

  do-family: Arial;

  do-size: 12px;

  }

  {#submit}

  margin: 10px 0 0 0;

  Background: url (.. / images/learnmorebtn.png) top left no-repeat;

  Width: 99px;

  height: 30px;

  display: block;

  color: #6fcad7;

  text-transform: uppercase;

  do-size: 11px;

  text-decoration: none;

  make-weight: bold;

  line-height: 30px;

  border: 0;

  cursor: pointer;

  }

  #submit: hover {}

  Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

  }

  . Entry-block {}

  margin: 20px 0 0 0;

  padding: 0 0 20px 0;

  Background: url (.. bottom of horizontal /images/horizontal-Divider.jpg);

  overflow: hidden;

  }

  . Thumb img {}

  border: 3px solid #cfcfcf;

  }

  purchase online .slider {}

  height: 445px;

  overflow: hidden;

  }

  /* ---------- Footer ---------- */

  #footer a {}

  text-decoration: underline;

  color: #CCCCCC;

  }

  #footer {}

  Background: url (.. / images/footerbg.png) top left no-repeat;

  Width: 938px;

  height: 75px;

  float: left;

  margin: 30px 0px;

  padding: 20px 15px;

  }

  #copyright {}

  float: left;

  }

  . Copy {}

  margin left: 55px;

  }

  {.smalllogo}

  padding-top: 5px;

  float: left;

  }

  .source {}

  text-transform: uppercase;

  padding-right: 55px;

  float: right;

  }

  {# block-project}

  margin: 30px 0 0 0;

  overflow: hidden;

  }

  #thumb-{grand

  Width: 374px;

  height: 365px;

  border: 3px solid #cfcfcf;

  float: left;

  margin: 20px 0 0 0;

  }

  {#right-block}

  float: right;

  Width: auto;

  overflow: hidden;

  Width: 340px;

  right margin:-60px banner;

  }

  {#thumb - UL small

  list-style: none;

  overflow: hidden;

  Width: 100%;

  }

  UL #thumb - small li {}

  float: left;

  margin: 20px 0 0 0;

  }

  #thumb - small UL a {}

  float: left;

  height: 97px;

  Width: 122px;

  border: 3px solid #cfcfcf;

  display: block;

  }

  UL #details {}

  list-style: none;

  Width: 100%;

  overflow: hidden;

  top of the margin: 20px;

  }

  UL li {} #details

  Background: url (.. / images/bullet.gif) no repeat 1px 0;

  height: 36px;

  padding: 0 0 0 30px;

  }

  / * Cursor * /.

  .stripViewer .panelContainer .panel ul {}

  text-align: left;

  }

  / * These 2 lines specify style applied during the loading of cursor * /.

  . CSW {width: 100%; height: auto; overflow: hidden ;}}

  . CSW .loading {margin: 200px to 300px 0 0; text-align: center ;}}

  .stripViewer {/ * this is the viewport * /}

  position: relative;

  overflow: hidden;

  / * border: 5px solid #000; / * This is the border. must have the same value for the links * /.

  margin: auto;

  Width: 940px; / * Specified also in .stripViewer .panelContainer .panel below * /.

  height: auto;

  Clear: both;

  / * background: #fff; * /

  }

  .stripViewer .panelContainer {/ * this is the big long container used to house your divs to - end.} Width is calculated and indicated by the JS * /.

  position: relative;

  left: 0; top: 0;

  Width: 100%;

  list-style-type: none;

  / * - moz-user-select: none; This breaks the CSS validation but stops accidental (and intentional - beware) Panel highlighting in Firefox. Some people might find this useful fools, fool. */

  }

  .stripViewer .panelContainer .panel {/ * each Panel is prepared end-to-end * /}

  float: left;

  height: 100%;

  position: relative;

  Width: 940px; / * As specified in .stripViewer above * /.

  }

  .stripViewer .panelContainer .panel .wrapper {/ * wrapper to give some padding in panels, without messing with the existing panel width * /}

  padding: 0px 0 0 0;

  }

  .stripNav {/ * this is the div to hold your nav (AMT generated at run time) * /}

  margin: auto;

  position: absolute;

  z index: 9999;

  bottom: 85px;

  right: 0px;

  }

  .stripNav ul {/ * generated automatically links * /}

  list-style: none;

  }

  .stripNav ul li {}

  float: left;

  right margin: 2px; / * If you change it, remember to adjust the initial value of navWidth in the coda - slider.1.1.1.js * /.

  height: 11px;

  Width: 12px;

  }

  .stripNav a {/ * the nav links * /}

  font size: 1px;

  text-align: center;

  Background: url (.. /images/dot-OFF.png) no-repeat;

  color: #fff;

  text-decoration: none;

  display: block;

  Width: 12px;

  height: 11px;

  }

  .stripNav Li a: hover {}

  Background: url (.. /images/dot-on.png) no-repeat;

  }

  .stripNav li a.the {}

  Background: url (.. /images/dot-on.png) no-repeat;

  color: #fff;

  overflow: hidden;

  Width: 12px;

  height: 11px;

  }

  .stripNavL, .stripNavR {/ * the arrows left and right * /}

  position: absolute;

  top: 230px;

  text-indent:-9000em;

  }

  .stripNavL a, .stripNavR a {}

  display: block;

  height: 40px;

  Width: 40px;

  }

  {.stripNavL}

  left: 0;

  }

  {.stripNavR}

  right: 0;

  }

  CSS NAV

  / *-Navigation-* /.

  {#top_bar}

  background-color: #000000;

  height: 40px;

  position: fixed;

  Width: 100%;

  top: 0:

  }

  {#nav_container}

  Width: 940px;

  margin: 0 auto;

  }

  #nav {}

  do-family: Arial, Helvetica, without serif.

  make-weight: bold;

  do-size: 12px;

  color: #9f9f9f;

  z index: 9999;

  float: right;

  position: relative;

  }

  #nav, #nav ul {}

  margin: 0;

  padding: 0;

  list-style-type: none;

  list-style-position: outside;

  position: relative;

  line-height: 1em;

  }

  #nav a: link, #nav a: active, #nav a: visited {}

  Display: block;

  line-height: 40px;

  padding: 0 25px;

  color: #a5a5a5;

  text-decoration: none;

  text-transform: uppercase;

  }

  #nav a: hover {}

  color: #fff;

  }

  #nav .on {}

  background-color: #fff;

  color: #191919! important;

  float: left;

  position: relative;

  }

  #nav .inscrit {}

  Background: url (.. / images/subscribe.png) top left no-repeat;

  height: 40px;

  left margin: 22px;

  float: left;

  position: relative;

  }

  #nav li {}

  float: left;

  position: relative;

  }

  #nav ul {}

  position: absolute;

  top: 3.3em;

  display: none;

  z-index: 1;

  }

  #nav ul li a {}

  Width: 8th;

  height: 40px;

  float: left;

  background-color: black;

  background-image: none! important;

  }

  .last {}

  Width: 8th;

  float: left;

  background-color: black;

  background-image: none! important;

  right margin: 15px;

  }

  #nav ul li a: hover {}

  background-color: #292929;

  }

  #nav ul ul {}

  top: auto;

  }

  #nav li ul ul {}

  left: 11.3em;

  margin: 0px 0 0 10px;

  }

  #nav li: hover ul ul, #nav li: hover ul ul ul li: hover ul ul ul ul {} #nav

  display: none;

  }

  #nav li: hover ul, #nav li li: hover ul, #nav li li li: hover ul, #nav li li li li: hover ul {}

  Display: block;

  }

  Try to give the top_nav bar a z-index: 999:

  {#top_bar}

  background-color: #000000;

  height: 40px;

  position: fixed;

  Width: 100%;

  top: 0:

  z index: 999;

  }

• How to hide the mess of buttons that occupy two lines on the right side of the Navigation bar? Customize does not affect the

  I just got an update 8.0.1 and now I have a set of not less than 20 icons at the top right of the Navigation bar.

  It's left arrow, right arrow, X, reload, home, Basel, clock, star, unjknown, unknown, window with + in it, scissors, two documents, Clipboard, four directions,-, +, two circular arrows, RSS icon, another arrow to the left.

  Some of them would be useful, but not two rows of them; However customize doesn't let me drag out - they move as a whole block and just snap back on the release.

  In addition, when I mouse over this area they Flash quickly on and outside.

  Can you advise how to choose which of these elements, I want to see: they take a lot of space and I only need about 3 - 4 of them.

  Thank you!

  Start Firefox in SafeMode (https://support.mozilla.com/en-US/kb/Safe+Mode) and the option "Reset tools and controls bars. This will return you to the stock icon set that you can then customize to your taste

• When you click on the 'Info' to the background action bar button, the application crashes.

  Hello

  Recently, we have brought successfully a BlackBerry 10 Android app.

  Everything worked fine, except the thing that when you click on the "Info" button in the action bar that appears at the bottom of the screen - the application crashes.

  I guess that this button should display a connection, or the help page. In our application, we have such a page (like an ActionItem in the ActionBar).

  Yes, is there a way we can fix it, so that when clicking on "Info" button to view our about page? Or at least to do something to prevent the application from crashing, for example hide this button.

  PS: We tested the app in the simulator of Alpha BB 10 Dev.

  Thank you.

  Hello

  Thank you for your comments. In fact, it is a known problem in the current Runtime Android on the Simulator release BlackBerry 10. It has nothing to do with your application, as this action bar fits into the Runtime Android and not your application. Normally when you section the 'Info' button you will see a screen showing you must use the gesture of back scanning used in applications Android Runtime. If you want your own topic button, you need to create your own menu.

  See you soon,.

  Matt

• Button in the navigation bar for mobile view is empty

  For mobile display nav bar button contains no content. Target data may be wrong... it is automatically generated so I think that it is a component "bootstrap". I don't have a clear idea as to how this key captures the nav info.

  I made one of these before and Dreamweaver generated auto button with all nav links

  Ok. Here's the code.

  < head >

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

  < / head >

  < body >

  < nav class = "navigation bar default navbar, navbar-reverse" >

  < div class = "container-fluid" >

  <!-brand and toggle get grouped together for better mobile display->

  < div class = "bar navigation-header" >

  < button type = "button" class = "toggle navigation bar has collapsed" data-toggle = 'collapse' data-target="#bs-example-navbar-collapse-1" > < span class = "sr only" > toggle navigation </span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < / button >

  < has class = "brand navigation bar" href = "#" > welcome to the store online Selva Studios < /a > < / div >

  <!-collect the nav links, forms, and other content to alternate->

  < div class = "navbar-collapse collapse" >

  < ul class = "navbar-nav nav" >

  < li > < a href = "#" > about the artist < /a > < /li >

  < li > < a href = "#" > South flowers < /a > < /li >

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

  < li > < a href = "#" > Original Art < /a > < /li >

  < li > < a href = "#" > sea & shells < /a > < /li >

  < li > < a href = "#" > coastal birds < /a > < /li >

  < /ul >

  < / div >

  <!-/ .navbar-collapse->

  < / div >

  <!-/ .container-fluid->

  < / nav >

  <!-/ .navbar-collapse->

  < / div >

  <!-/ .container-fluid->

  < / div >

  < / div >

  <!-/ .container-fluid -.

  navigation-default bar is dark text on a light background.

  reverse navigation bar is a light text on dark background.

  Choose one or the other.

  Your ID target data does not match anything.

  Try this:

  Nancy O.

• 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.

  

  but it is not show on iphone device.

  

  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 disable the navigation bar in an article

  I have an image slider in a HTML article which can go full-screen. The button to exit full screen, however, is at the top of the display window and becomes hidden by the bar when the user clicks on the navigation screen. Is there a way to disable the navigation bar for a HTML article? I've attended MAX and remember them mentioning something HTML API, but I don't know how it works.

  Hi Zac,

  There is an API, and you can use it to block gestures are passed to us in your HTML article. See Digital Publishing Solution helps | Create articles to HTML for DPS 2015. There is information at the bottom of the page.

  Neil

• Navigation bar to collapse, the pasted image cursor width.

  Slider (carousel) image on my site is wide and I can't enlarge the width? The height on the other hand works, but not the width. Also, it seems that the navigation bar on my site 'collapse' in the three buttons aligned a little late. Meaning that you check the width of the smallest Web page it narrows right down.

  My site: file:///C:/Users/alex/Desktop/rootforsite/index.html

  Thanks for the help.

  If you change the width of the container, then the slider will adjust. Make sure that the sum of the two columns add to 12 as in

  • 
  • 
  • 
  • 

  "http://rootforsite.azurewebsites.net/img/pic.jpg" class = 'img-responsive center-block' / > '.

  Bootstrap 3 being mobile first, the navigation bar is reduced by default and expands when it reaches a certain minimum size. 3A bootstrap site makes a 'hint' as to what to do: http://getbootstrap.com/components/#navbar.

• How can I get my navigation bar to stay on one line when the browser window is reduced to the minimum?

  I am new to coding and that you just created my first website in html and css.  I know that coding is quite disastrous, and I have a lot to learn and I hope someone can guide me in the way to solve this problem.  When the window is minimized, the navigation bar is broken down into 2 or 3 lines but I want the navigation bar to fit the window, regardless of the size of the client machine.

  I think I should add a media query, but I don't know if I do and if until the code to use and where to put?

  I fear that the page will be visible correctly on a desktop computer and I really want to learn how to make a fluid layout that can be accessed on 320px, 768px and 1200px.

  Any guidance would be greatly appreciated.

  Here is my code:

  HTML

  <! doctype html >

  < html >

  < head >

  < meta charset = "utf-8" >

  The Engineer < /title > < title > corset

  < link href = "styles/style.css" rel = "stylesheet" type = "text/css" media = "screen" > "

  < style type = "text/css" >

  {body

  background-color: #000;

  }

  < / style >

  < / head >

  < body >

  < div id = "container" >

  < div id = "navbar" >

  < ul id = "nav" >

  < li > < span class = "current-menu-item" > home </span > < /li >

  < li > < a href = "about.html" > about us < /a > < /li > "

  < li > < a href = "workshops.html" > workshops < /a > < /li > ""

  < li > < a href = "news.html" > News < /a > < /li > ""

  < li > < a href = "gallery.html" > Gallery < /a > < /li > ""

  < li > < a href = "contact.html" > contact us < /a > < /li >

  < /ul >

  < / div >

  < div id = "header" >

  "< img src="images/final/headerbeauty3.png "width ="1100"height ="341"alt ="of engineering the Corset">

  < / div >

  < div id = 'links' >

  < ul id = "link" >

  " < li > < a href =" https://www.Facebook.com/Bristolengineer "target ="_blank"" > < img src="images/final/fb3.png" width = "200" height = "45" alt = "follow us on Facebook" > < /li > "

  " < li > < a href =" https://Twitter.com/Engineerscorset "target ="_blank"" > < img src="images/final/twitter2.jpg" width = "200" height = "45" alt = "Follow us on Twitter" > < /a > < /li > "

  < /ul >

  < / div >

  < div class = "charming" >

  < img src = "images/final/CD Logo fin.png" width = "240" height = "200" alt = "Chantry Dance Company" >

  < / div >

  < div class = "about" >

  < P > corset engineer is a new play written by Janet Goddard for the performance by the Bristol community in 2015. < br > ~ < br >

  The game is based on the extraordinary events of real life of 1843 surrounding Catholic.org Kingdom Brunel's near-death experience after having swallowed a coin.  We travel through time to discover the adventure and horror of the Victorian industrialization. < Br > ~ < br > using the Corset of a community theater group The Engineer tells a familiar story of Brunel near death experience when he swallows a half sovereign gold. His wife, Mary fights to keep his cool but is torn by the waiting game. His servants and his staff, using dance and sound, expand his horizons. Like Mary the public too will see life in the 1840s through a different lens. < /p >

  < / div >

  < div class = "workshops" >

  "< img src="images/final/bridgebridge.jpg "width ="1100"height = '713' alt ="clifton suspension bridge">

  < span > < a href = "workshops.html" > will host us a series of workshops before production and hope that you will join us.  For more information, click here. < /a > < / span >

  < / div >

  < div id = "sponsorspace" > < / div >

  < div id = "footer" > < p > & copy; Heartprints Web Design 2014 < /p > < / div >

  < / div >

  < / body >

  < / html >

  CSS

  @charset "utf-8";

  / * CSS document * /.

  {body

  do-family: Arial, Helvetica, without serif.

  font-size: 125%;

  }

  @media screen {}

  #navbar:

  #navbar li {}

  Police: Arial 25px;

  display: inline;

  list-style-type: none;

  Background: #09F;

  Color: #000;

  border-radius: 20px;

  Padding: 15px 25px;

  }

  .the-menu-item {}

  color: #0FF;

  }

  #navbar a {}

  Padding: 15px 25px;

  background-color: #6cf;

  Color: #000;

  text-decoration: none;

  border-radius: 20px;

  }

  #navbar a: hover {}

  background-color: #0FF;

  Color: #000;

  Padding: 15px 25px;

  }

  #header {}

  Width: 1100px;

  height: 340px;

  margin-left: 50px;

  margin-top: 0px;

  margin-bottom: 0px;

  border-style: ridge;

  border width: 5px;

  border-color: #09F;

  }

  #links li {}

  display: inline;

  Width: 700px;

  margin left: 300px;

  }

  {.chantry}

  margin left: 40px;

  }

  .about {}

  position: relative;

  Width: 860px;

  text-align: center;

  background-color: #CCC;

  Color: #000;

  border-style: ridge;

  width of the border: 3px;

  border-color: #09F;

  border-radius: 15px;

  float: right;

  margin-top:-200px;

  right margin: 90px;

  }

  level {}

  position: relative;

  Width: 1100px;

  height: 713px;

  font-size: 24 PX.

  margin-left: 50px;

  border-style: ridge;

  border width: 5px;

  border-color: #09F;

  top of the margin: 130px;

  }

  level span {}

  position: absolute;

  Background: #6CF;

  Color: #000;

  left: 30px;

  top: 30px;

  right: 800px;

  Padding: 15px;

  font: 1em Georgia, serif;

  make-style: italic;

  text-align: center;

  border: 5px solid #09F;

  border-radius: 20px;

  top of the margin: 35px;.

  }

  duration of grade a {}

  Color: #000;

  }

  #link li {}

  border-style: solid;

  border-color: #6CF;

  padding: 10px 10px 30px of 5px;

  }

  {} .info

  text-align: center;

  Width: 1100px;

  top of the margin: 50px;

  margin-bottom: 50px;

  }

  . CDC {}

  float: left;

  right margin: 50px;

  left margin: 45px;

  }

  {.workshopinfo}

  height: 250px;

  text-align: center;

  top of the margin: 50px;

  }

  .pictures {}

  Height: 500px;

  text-align: center;

  top of the margin: 50px;

  }

  #footer {}

  text-align: center;

  top of the margin: 700px;

  color: #0CF;

  }

  {.brunel}

  top of the margin: 50px;

  margin left: 400px;

  }

  {#workshops2}

  Width: 1000px;

  border-style: outset;

  border width: 5px;

  Padding: 15px;

  border-color: #09F;

  background-color: #6CF;

  margin left: 100px;

  text-align: center;

  }

  #workshops2 a {}

  Color: #000;

  }

  {#sponsorspace}

  height: 300px;

  background-color: #6CF;

  border-style: outset;

  border-color: #09f;

  top of the margin: 15px;

  }

  Gives #navbar a width that is large enough to hold all the buttons it contains.

  {#navbar}

  Width: ###px;

  }

  Replace # with a number of pixels, large enough to hold the nav buttons.

• submenu hover but submenu displays navigation bar disappears when the cursor is moved to select the item

  Help, please!  My navigation bar includes the submenus which show on hover.  The submenu disappears when I move my cursor to select one of the items, so I can't click on any one of the submenu items.  Can anyone help?  Please?  Here is my code:

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

  " < html xmlns =" http://www.w3.org/1999/xhtml "> < head > .

  < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

  < title > Untitled Document < /title >

  < style type = "text/css" >

  < / style >

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

  < script type = "text/javascript" >

  function MM_swapImgRestore() //v3.0 {}

  var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;

  }

  function MM_preloadImages() {//v3.0

  var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

  var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)

  If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}

  }

  function MM_findObj (n, d) {//v4.01

  var p, i, x;  if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}

  d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}

  If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];

  for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);

  If (! x & & d.getElementById) x = d.getElementById (n); Return x;

  }

  function MM_swapImage() {//v3.0

  var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).

  If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}

  }

  ->

  < /script >

  "" < link href = "... / large - quilt.css" rel = "stylesheet" type = "text/css" / >

  < style type = "text/css" >

  a: link {}

  color: #071f75;

  }

  a: visited {}

  color: #0099ff;

  }

  a: hover {}

  color: #00cc;

  }

  a: active {}

  color: #cc3300;

  }

  < / style >

  <!-[if IE 6] >

  <! [endif]-->

  < / head >

  < onload of the body = MM_preloadImages('..) «/images/nav_bar_guild_ro_home.gif ','... / images/Calendar_rollov er_01.gif ',' /images/nav_bar_guild_ro_general.gif ','... f/images/nav_bar_guild_ro_members.» GI ','... /images/nav_bar_guild_ro_community.gif ','... /images/nav_bar_guild_ro_contacts.gif «,» . (/ images/events_rollover_01.gif ') ">"

  < div id = 'wrapper' >

  < div id = "top" >

  "< div id ="logo"> < a href ="... / index.html "" > < img src = ""... / pictures/thanks "width ="280"height ="172"alt ="logo"/ > < /a > < / div > <! - logo - >"

  < div id = "quilt_top" >

  "" < img src = "... / images/quilt_top.png" width = "550" height = "209" alt = "Duvet" / > < / div > <! - quilt_top - >

  < / div > <! - top - > <! - top - >

  < div id = "bar1" > < / div > <! - bar1 - >

  < div id = "bottom" >

  < div id = "nav" >

  < ul >

  "" "< li > < a href ="... / index.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('home button',",'... / images/nav_bar_guild_ro_home.gif ', 1) "> < img src =" "... / images/nav_bar_guild_home.gif" alt = "home button" name = "home button" width = "148" height = "129" border = "0" id = "home button" / > < /a > < /li > "

  "" "< class ="subNav"li > < a href ="... / general.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('general',",'... / images/nav_bar_guild_ro_general.gif ', 1) "> < img src =" "... / images/nav_bar_guild_general.gif" alt = "rollover nav buttons" name = 'general' width = "205" height = "129" border = "0" id = "general" / > < /a > "

  < ul >

  "< li > < a href ="... / meetings.html "> dating < /a > < /li >"

  "< li > < a href ="... / showandtell.html "> view the & amp;" Say < /a > < /li >

  "< li > < a href ="... / library.html "> library < /a > < /li >"

  "< li > < a href ="... / retreat.html "> pension < /a > < /li >"

  "< li > < a href ="... / blogs.html "> items < /a > < /li >"

  "< li > < a href ="... / fundraising.html "> fundraising < /a > < /li >"

  < li > < /li >

  < /ul >

  < /li >

  "" "< li > < a href ="... / members.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('members',",'... / images/nav_bar_guild_ro_members.gif ', 1) "> < img src =" "... / images/nav_bar_guild_members.gif" alt = button 'members' name = 'members' width = "198" height = "129" border = "0" id = "members" / > < /a > < /li > "

  "" "< class ="subNav"li > < a href ="... / community.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('Community',",'... / images/nav_bar_guild_ro_community.gif ', 1) "> < img src =" "... / images/nav_bar_guild_community.gif ' alt = 'button community' name = 'Community' width ="215"height ="129"border ="0"id = 'Community' / > < /a >"

  < ul >

  "< li > < a href ="... / kids_kwilts.html "> < /a > < /li > children Kwilts"

  "< li > < a href ="... / storybook_quilts.html "> stories < /a > < /li >"

  < li > < /li >

  < /ul >

  < /li >

  "" "< class ="subNav"li > < a href ="... / adresses.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('contacts',",'... / images/nav_bar_guild_ro_contacts.gif ', 1) "> < im g src =" "... / images/nav_bar_guild_contacts.gif ' alt = 'the button contacts' name = 'contacts' width ="185"height ="129"border ="0"id ="contacts"/ > < /a >"

  < ul >

  "< li > < a href ="... / board.html "> Council < /a > < /li >"

  "< li > < a href ="... / bees.html "> bees < /a > < /li >"

  "< li > < a href ="... / carriere/portfolio/index.html "> resources < /a > < /li >"

  "< li > < a href ="... / quiltshops.html "> Quilt Shops < /a > < /li >"

  "< li > < a href ="... / otherguild.html "> other guilds < /a > < /li >"

  < li > < /li >

  < /ul >

  < /li >

  < /ul >

  < / div > <! - nav - >

  < div id = "main_content" > <!-TemplateBeginEditable name = 'main'-> main <! - TemplateEndEditable - >

  < / div > <! - main_content - >

  < / div > <! - low - >

  < / div > <! - wrapper - >

  < / body >

  < / html >

  I stayed until the end, and here is the HTML and CSS code, you must

  HTML

  
  

  • 
  • 

    • Meetings
    • Presentation-demo
    • Library
    • Retirement
    • Articles
    • Fundraising

  • 
  • < img="" src="../images/nav_bar_guild_community.gif" alt="community button" name="community" width="215" height="129" border="0" id="community">

    • Children Kwilts
    • Story books

  • • Board of Directors
    • Bees
    • Resources

• Patchwork shops
• Other guilds
main

CHANGE THE NAVIGATION BAR OF THE CSS SELECTOR TO THIS





#nav li.subNav:hover ul {}

display: block;

position: absolute;

top: 370px;

border: none;

background-color: transparent;

do-family: "Times New Roman", Times, serif;

do-size: 16px;

color: #CA0F20;

text-decoration: none;

margin-top: 0px;

right margin: 0;

margin-bottom: 0;

left margin: 0px;

padding-top: 0px;

padding-bottom: 10px;

z index: 95;

text-align: center;

}

• Navigation bar instead of the standard first-previous-next-last page numbers

  I want to add page numbers to my navigationbar instead of the standard «first previous next last»

  For example, I have a repeat with a navigation bar (standard) region, I have 7 records per page and I would like to say at the bottom:

  1 2 3 4 5 ect. Is it possible that I can code this upward with php or with dreamweaver or y at - it another way to achieve this.

  Any help welcome

  You can do this in DW

  Add the code below

  • "Precedent".
  • 1
  • 2
  • …
  • 6
  • 7
  • 8
  • …
  • 14
  • 15
  • "Next".

  style it as

  .pages {display: block; width: 100%; text-align: center;} Clear: both; do-family: Verdana, Geneva, without serif ;}

  .pages ul {margin: 0; padding: 0; list-style: none ;}}

  .pages li {display: inline ;}}

  strong .pages {police-weight: normal ;}}

  .pages .next {margin: 0 ;}}

  .pages, .pages .the strong, strong .ellipsis .pages {display: inline-block; padding: 2px 6px; margin: 0 2px 0 0 ;}}

  .pages one {border: 1px solid #DFDFDF ;}}

• How can I change the background image for a single tab on the navigation bar

  I create a film site for LEVEL and for the navigation bar, I intend to have a different character for each tab. However, I can't put one image of each separate tab. Instead, a single image appears on each of the tabs. Here is an example of the CSS source.

  < td width = "200" > < ul id = "navigation" > < br / >

  "< li > < a href ="... / pages/index.html "> home < /a > < /li > < br / >"

  "< li > < a href ="... / pages/cast.html "> Cast < /a > < /li > < br / >"

  "< li > < a href ="... / pages/pictures.html "> photos < /a > < /li > < br / >"

  "< li > < a href ="... / pages/soundtrack.html "> music < /a > < /li > < br / >"

  "< li > < a href ="... / pages/interview.html "> Interviews < /a > < /li > < br / >"

  "< li > < a href ="... / pages/links.html "> links < /a > < /li > < br / >"

  < /ul >

  < table >

  #navigation {}

  list-style-type: none;

  padding: 0px;

  margin: 0px;

  }

  #navigation li {}

  margin: 0px;

  padding: 0px;

  list-style-type: no

  }

  #navigation li a: link, #navigation li a: visited {}

  display: block;

  Width: 200px;

  height: 100px;

  text-decoration: none;

  text-align: center;

  line-height: 100px;

  do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  make-weight: bold;

  -webkit-transition: 1000ms relieve;

  -moz-transition: 1000ms relieve;

  -ms-transition: 1000ms relieve;

  -o - transition: 1000ms relieve;

  transition: 1000ms relieve;

  color: #648AAE;

  background-repeat: no-repeat;

  background-image: url (.. / Images/gifs/Batman-still-2.gif);

  background-position: center bottom;

  text-transform: uppercase;

  letter-spacing: 0.79em;

  border-radius: 5px;

  }

  #navigation li a: focus, #navigation li a: hover, #navigation li a: active {}

  Color: #000000;

  background-image: url (.. / Images/gifs/Batman-animation-2.gif);

  background-repeat: no-repeat;

  background-position: center bottom;

  background-color: #454545;

  border-radius: 25px;

  }

  So, how can I put one image on each of the tabs (home, cast, photos, etc.). Thanks in advance for your help.

  Assign a class to the element, and use CSS to apply an image as in

  class = 'home'; > Home

  
  

  Cast

  
  

  Photos

  
  

  Music

  
  

• Interviews


• Links



and the CSS

#navigation li a: link. Home, #navigation li a: visited. Home {}

background-image: url (.. / Images/gifs/Batman-still-2.gif);

}