Have 2 Enkitec Navbars

Hi all

Request Express 4.2.4.00.08
I'm putting in place the 2 regions of plugin navbar enkitec on the same page.  My goal is to have the 2nd plugin region be a list of icons using the icons provided in the plugin (all have url links) and position them in the right corner.  In my example, I have just 'Test' in replacement.
I'm able to set an example on apex.oracle.com
Workspace: RWTEST
Username:testuser
PW:test
Page 10, 11 and 12 are the enkitec navigation bar Setup. (tab 3 tab1 and tab2 link to these pages as well)  The navbar enkitec was working properly, but it's blue area under the navigation bar when I add a second region of enkitec navigation bar. (Page 11, tab 2, is how I want it to look.)  I disabled the second region Enkitec Navbar on this page) I know that I can use CSS to set the background in white color but it's the best way?  What is the cause of the Blue zones when a second navigation bar is added?
Thank you
Brett

Hi Brett,

The blue bar is part of the header.  For some reason, it grows 84px to 104px during the second bar is added. I think what happens is that the section of uHeader knows that there is a margin on .navbar class during the second navigation bar is added.

My recommended dose is to remove the "margin-bottom: 20px;".navbar, then add these 20px to the uHeader element if the content of the page does not immediately after the header.

So, something like this:

Add:

#uHeader {margin-bottom: 20px ;}}

Delete:

.ek - nb .navbar {margin-bottom: 20px ;}}

I added this override on Page 0 as global.css region.

Thank you

-Jorge

Post edited by: jrimblas

Tags: Database

Similar Questions

  • Enkitec Navbar not working only not with the hover for me in 4.2.1 or 4.2.3

    Hi Dan, or someone who has had the same problem,.

    I installed the plugin in the two APEX 4.2.1 or 4.2.3

    and it works fine with clicking on, but did not hover

    so nice work as in the documentation and how it works on the

    Enkitec Web site.

    I have installed it wrong?

    Hi Bill, currently the navigation bar does not glide out of the box.

    But this article will probably help you Open Enkitec Navbar on Hover

    Thank you

    -Jorge

  • Drop-down list programmatically Enkitec navbar

    Hello

    Re: plugin Enkitec Navbar
    http://www.enkitec.com/Apex/f?p=15200:2:1288031046737601

    I don't think that someone might know how to get a drop-down menu to open the page load?

    Scott

    Add a class "open".

    You will need target menu drop-down real, if you have several.

    Thus, for example, I was able to do this:

    $("li.dropdown:first").addClass("open")
    

    Thank you
    -Jorge

  • Enkitec NavBar - list render

    I use Enkitec Navbar, on my APEX 4.1.1 install...

    Strangely... I can't use version 1.2 of the navigation bar, but 1.1 work?

    My question is to render the speed of menus.

    I get a 0.5 second flash of the menu list, then it becomes appropriate menu format...

    How to speed this up?

    I put on Web server?

    enkitec-navigation bar - override.css

    enkitec - navbar.min.js

    enkitec - navbar.min.css

    Thank you

    Dean

    The browser displays the content without the generated menu style as required by the plugin CSS isn't in the header of the page where it should be. See this thread on how to move the style sheets to improve rendering.

  • Enkitec NavBar slow loading CSS

    Hello community!

    I am currently struggling with the NavBar Enkitec about loading times. I think that this is not related to the plugin itself, but it is the only element that is affected so far.

    During the loading of Apex is a little more slowly than usual (maybe offline cell) the navigation bar takes over until CSS was extracted from the server. I get a 'list-Tree", which disappears when the correct CSS file has been loaded.

    I tried to change the numbers in sequence, but without success. Do you have a hint for me?

    Best regards

    KD

    The browser displays the content without the generated menu style as required by the plugin CSS isn't in the header of the page where it should be. See this thread on how to move the style sheets to improve rendering.

  • enkitec navbar rendered in IE 11

    Running Apex 4.2.4 against database 11 g, using the reactive Blue theme.  I use the navbar enkitec plugin to display a menu in my pages.  The navigation bar is in my Global Page and there is no template applied to the area of the navigation bar.  When running in Firefox and Chrome the menu renders correctly.  However when running in IE 11 a ball mark appears next to each item, as well as some extra spacing between the elements of the first time that the page is:

    ie.png

    When running in Firefox/Chrome:

    firefox.png

    If I refresh the browser window in Internet Explorer, the menu then renders correctly.  Seem to remember having seen this kind of behaviour before with IE in other applications, I don't remember the solution.  All the world has known this before and was able to overcome? The standard of our company is to use IE 11 while Firefox is also deployed on all computers so worst cases I can issue a directive to use the app in Firefox. It would be much better if the app worked correctly in all browsers.  Earlier, I had a few problems with the elements rendered correctly when the compatibility view checkbox has been checked, but it is not checked.  Thanks in advance.

    Thanks for the suggestion, your theory was correct, and the post you suggested showed me in the right direction!

    Add to the header of my page HTML attribute fixed the problem:

  • Problems with the [plugin] Enkitec Navbar tabs on the iPad

    Hello

    I am using the tabs in the navigation bar of [plugin] Enkitec , and they work fine until I have test it on the iPad.

    They appear as a vertical list.

    Anyone run into this?

    Bill

    Hi Jorge,.

    I use the 25 responsive Blue theme.

    I started to work, but then is not new.

    I had earlier about going on the iPad in 'Settings'-> 'Safari'-> 'Clear Cookies and data'

    It still works very well.

    Of course, when I made changes to the query in the chart that he was trying to use the updated information cache to always run.

    Thank you very much for your help!

    Bill

  • Enkitec Navbar plugin

    Hello

    The Enkitec plugin Navbar is nice and easy to implement.  However, it leaves a big gap between the bar of navigation and breadcrumbs if I place the navigation bar "Position in the region of the 4 Page Template" and the bread crumbs in "Page Template region of the post 1" - or elsewhere as long as bread is below the navigation bar. ""  Is there anyway to fix this?  I tried to change some css classes, but did not succeed.

    Thank you.

    Hi Sky,

    It is a defect that was setting margin-bottom 20px. I added the following to your page level model CSS inline:

    .ek-nb .navbar{
       margin-bottom: 0 !important;
    }
    

    Kind regards

    Dan

  • Enkitec Navbar question

    In a recent thread Dan Mcghan said he was working to have the ability to hover for

    the navigation bar.

    Anyone know when this will be available

    Gus

    Interesting - as said Jeff seems difficult - it is a plugin that is easy to customize.

    Dan can only describe some of the many possible reasons why this change has lost priority.

  • Adjust the Enkitec Navbar to be RTL

    Dear Experts,

    I hope to be able to adjust the CSS in the plugin Enkitec navigation bar to make RTL

    like here

    Can you help me with that?

    Thanks in advance for any help you provide

    Concerning

    Mahmoud

    After reading

    http://CSS-tricks.com/examples/ShapesOfCSS/

    I solved the problem of the triangles for the drop-down-under-menu adjustments

    Now, I need your help to make the current selected parent point highlighted whenever a child is selected

    Concerning

    Mahmoud

  • Enkitec navbar plugin - made long time

    Hello

    I imported a request for my local environment in apex.oracle.com and the bottlnecks of rendering time when processing plug-ins navigation bar.

    Debugging starts

    type: PLUGIN_COM_ENKITEC_NAVBAR

    ... (covers things up to the final debug)

    attribute_25:

    which does nothing except systematically take 20 seconds.

    I see no attribute 25 used or mentioned in the plug-in, and the local version works fine.

    The list, use the navigation bar is a static list without special code or SQL. conditions

    I have another application using the plugin fine.

    Any ideas?

    Scott

    After having changed things from a dozen to try to identify the cause of the problem, I added some debugging for the plug-in to locate the location of the problem - I thought that the 25 attribute was a Kipper.

    Almost paradoxically - when based on a static LOV and executed in the environment of apex.oracle.com where there are thousands of applications - this query didn't perform well:

       FROM apex_application_list_entries p
       WHERE list_id = list_entries_cur.p_list_id
       CONNECT BY NOCYCLE PRIOR list_entry_id = list_entry_parent_id
       START WITH list_entry_parent_id IS NULL
    

    So by replacing with a fixed-line base.

       FROM (SELECT * FROM apex_application_list_entries p
             WHERE list_id = list_entries_cur.p_list_id) p
       CONNECT BY NOCYCLE PRIOR list_entry_id = list_entry_parent_id
       START WITH list_entry_parent_id IS NULL
    

    I think I used only the dynamic queries with this plug-in on apex.oracle.com, so I've never met it.

    Scott

  • Enkitec Navbar plugin page apex

    I tried to implement the following Player his does not work, or I missed something?

    http://www.enkitec.com/Apex/f?p=15200:2:229150568904101:

    * created sample application (packaged)

    import plug-ins

    * list

    then add the region on the page (zero), it does not reflect the tab.

    Please someone full root for this case, please login to my workspace

    workspace: ram_r & d

    username/password: aramani/apex

    application: 71855

    Our target in the next of dmcghanthread...

    https://forums.Oracle.com/thread/2559476

    Demo page https://apex.oracle.com/pls/apex/f?p=62602:1:0:

  • Enkitec vertical list Navbar appears momentarily

    Apex 4.2.0.00.27

    22.0 Firefox, IE 8

    Just started using the Enkitec Navbar, and we noticed that when a page is displayed a vertical list always appears momentarily before being replaced with the list of the navigation bar. It happens on all requests, we installed on, and each time a page is updated.

    I downloaded the demo on apex.oracle.com to demonstrate, but it happens so rarely there is not interesting to watch. I guess it's something to do with our (network installation of speed, put in cache?).

    If someone else has had this experience and overcome, I would be grateful for suggestions as to where we might start looking.

    Thank you very much

    Nick.

    Your suspicion about the speed and network performance are correct. What you see is a list of the items before the CSS applies to them.

    Wouldn't be an option to move your goods plugin in the filesystem (Web server)?

    What you do is to download all of the assets that the plugin uses (js, CSS, png,...).  Place them in your Web server.  Do not place them in the directory is, use a custom one as/c/navigation bar / (but use what you want)

    Go to the plugin, and then replace the prefix 'file' #PLUGIN_PREFIX # for "/ c/navbar /" so that the plugin uses them files form the file system.

    This helps because then the plugin doesn't have to get resources to the database whenever she makes.

    Thank you

    -Jorge

  • How to access the CSS files for the plugin Enkitec-database file directory navigation bar

    Apex 4.2.3.00.08

    Enkitec-NavBar-1-2-0-for-4-2

    Hi I am faced with the same question that: https://community.oracle.com/thread/2563229

    Enkitec vertical list Navbar appears momentarily until it is formatted by CSS and it seems OK.

    It is really annoying and makes pages look stupid. This problem is identified as a performance problem and can be solved by putting the support of Plugin files in directories of files instead of the database.

    I created a directory on the database server: D:\102175\Kav\Plugin

    I created a Directory pointing to the file directory database:

    CREATE or REPLACE directory PLUGIN AS "D:\102175\Kav\Plugin".

    GRANT READ THE PLUGIN DIRECTORY TO THE PUBLIC;

    GRANT READ THE PLUGIN DIRECTORY TO ANONYMOUS.

    GRANT READ THE PLUGIN DIRECTORY FOR UTVIKLING.

    I also copied the CSS etc support plugin files in the files directory.

    In the Apex plugin I changed the prefix 'file' #PLUGIN_PREFIX # D:\102175\Kav\Plugin

    Now all the Navbar formatting disappeared and now the navigation bar appears only in form of vertical list.

    I also tried to use the PLUGIN as 'File prefix' same thing.

    I'm not Apex or Web expert so I'm sure there is something that I misunderstood.

    Hope some of you are able to help out me.

    Sincerely

    Arild

    Hmmm, well it does not matter if you do the mapping. The embedded PL/SQL gateway is well integrated in the database in PL/SQL.  All your resources (images, CSS, javascript, etc.) are still be extracted from the base in order to be served to the client. Those in the file system are not in use after installation.

    This is going to be heavy.

    I think you may still be able to make some optimizations by moving the assets of plugin for a name that is mapped by the gateway.

    In your apex installation, take a look at apxldimg.sql see how records and assets are added.  You can then add the plugin files.

    See if that helps.

    In addition, you can follow the comments of Patrick on the post you are referencing and move the inclusion of files to the top of the page AND change the plugin so it does ' t add any more files.  Now in theory, you can skip the download folder and the image and add the plugin assets as standard apex post and reference them with #WORKSPACE_IMAGES # #APP_IMAGES, or # (if you add specifically for an application). But you still want to include them at the top of the page.

    Sorry... I know it's a lot of things to take and much heavier than expected.

    Thank you

    -Jorge

  • Problems with navbar sprite

    Hello

    I have problems with my Nav bar using css Sprites.

    This is the first time that I've used them so I'm he detached a little bit.

    I have some problems to this page http://www.allthingsprintuk.co.UK/ATPHome.html

    My css

    @charset "UTF-8";

    / * CSS document * /.

    . Container {}

    width: 960px;

    margin-right: auto;

    margin left: auto;

    }

    . Header {}

    width: 960px;

    height: 210px;

    background-repeat: no-repeat;

    background-image: url (header.gif);

    }

    . {HeaderContent}

    Width: 460px;

    height: 75px;

    float: right;

    right margin: 20px;

    margin left: 15px;

    do-family: Arial, Helvetica, without serif.

    Color: #666666;

    do-size: 11px;

    text-align: justify;

    }

    {#navbar}

    width: 887.5px;

    height: 79px;

    float: right;

    top of the margin: 36.5px.

    margin to the right: 36.5px;

    margin left: 36.5px

    }

    #navbar li {}

    display: inline;

    }

    #navbar li a {}

    display: block;

    width: 221.75px;

    height: 79px;

    text-indent:-9999px;

    background: url (Sprite.png);

    float: left;

    repeat: no-repeat;

    }

    #navbar li a {#get_a_quote

    background-position:-221.75px 0;

    }

    #navbar li a {#about_us

    background-position:-443.5px 0;

    }

    {#get_a_quote}

    width: 221.75px;

    height: 79px;

    float: left;

    background-color: #6600FF

    }

    {.about_us}

    width: 221.75px;

    height: 79px;

    float: left;

    background-color: #FF6600

    }

    {.portfolio}

    width: 221.75px;

    height: 79px;

    float: left;

    background-color: #FF9966

    }

    {.extra_services}

    width: 221.75px;

    height: 79px;

    float: left;

    background-color: #66FF00

    }

    . Sidebar {}

    float: left;

    width: 260px;

    height: 825px;

    background-image: url(side-bar.gif);

    }

    {.mainimage}

    float: left;

    width: 700px;

    height: 728px;

    background-repeat: no-repeat;

    background-image: url(main-image.gif);

    }

    .footer {}

    width: 700px;

    height: 97px;

    float: right;

    background-image: url(foot-note.gif);

    }

    . Clear {}

    clear: both;

    display: block;

    overflow: hidden;

    visibility: hidden;

    width: 0;

    height: 0

    }

    Problem 1) my Nav bar is not displayed in dreamweaver CS3 AutoResize to all (see attachment), but appears in the browser on.

    Problem 2) I put my nav bar size to the 3rd of the height of the Sprite to 79px (see attachment). However in the browser it shows the top of the "get a quote" below, that tells me that the height is defined differently. However, when I checked all the CSS is correct. And I even changed the size to see if it changes, but it's not. (only reduce the top margin makes it the larger size and shows more of the sprite below)

    I tried to code as much as I can instead of using the design mode, so I don't know I messed up somewhere. But have you checked the code and I have invalid HTML markup invalid because there is an overlap or non closed tags. En HTML below.

    < ul id = "navbar" >

    < li > < an id = "get_a_quote" > < a href = "get_a_quote.html" > get a quote < /a > < /li >

    < li > < an id = "about_us" > < a href = "about_us.html" > us < /a > < /li >

    < li > < an id = "portfolio" > < a href = "portfolio.html" > portfolio < /a > < /li >

    < li > < an id = "extra_services" > < a href = "extra_services.html" > < /a > < /li > additional Services

    < /ul >

    What is the problem? If so I don't know how to fix it.

    Thanks in advance

    Louisa

    First of all - there is no fractional pixels, so you can get rid of them!

    -Try this CSS instead of what you have.

    {#navbar}
    Width: 888px;
    height: 79px;
    / * float: right;
    top of the margin: 36.5px.
    right margin: 36.5px.
    left margin: 36.5px*.
    }
    #navbar li {}
    / * display: inline; * /
    float: left;
    Width: 222px;
    height: 79px;
    / * background-image: url (http://www.allthingsprintuk.co.uk/Sprite.png);
    repeat: no-repeat; * /
    }
    #navbar li a {}
    display: block;
    Width: 222px;
    height: 79px;
    text-indent:-9999px;
    Background: url (http://www.allthingsprintuk.co.uk/Sprite.png);
    float: left;
    repeat: no-repeat;
    }
    #navbar li a {#get_a_quote
    background-position: 0 0;
    }
    #navbar li a {#get_a_quote:hover}
    background-position: 0 - 158px;
    }
    #navbar li a {#about_us
    background-position:-222px 0;
    }
    #navbar li a {#about_us:hover}
    background-position:-158px 222px;
    }
    #navbar li a {} #portfolio
    background-position:-444px 0;
    }
    #navbar li a {#portfolio: hover}
    background-position:-444px-158px;
    }
    #navbar li a {#extra_services
    background-position:-666px 0;
    }
    #navbar li a {#extra_services:hover}
    background-position:-666px-158px;
    }

Maybe you are looking for

  • UNABLE to PRINT from WORD on e-all-in-one printer, HP Officejet Pro 8600 - N911a

    I have set up my printer. I tried the usb connection and wireless.  I can print via usb for installation of Adobe.  I can't print from Word.  He tells me that it can not detect the printer.  When I go to the selection of the printer in Word, however,

  • How to scan/copy options printing?

    I do not have the manual and only Print - all of a sudden I don't have Scan or copy and nothing I've done helps

  • Built-in microphone not detected in Windows 7

    Hi all! I'm having this problem since I installed Windows 7 on my Acer Aspire 5715z. Right after the installation of the internal microphone has stopped working. First I thought it would be a driver problem, but did not find the specific driver for w

  • error src\render framerequest.cpp - 124...

    HelloI'm a motion designer working with Adobe products for 12 years, so not a beginner.Here's my problem: I edited a video with Adobe Premiere Pro (latest version) and then imported a sequence in After Effects to make some correction of color (lumetr

  • Video files on the timeline

    I'm trying to drop a .mov video file on my calendar, but when I do fall, it gives me no symbol and but it will fall as audio only? Can you please help me understand this?