7 Replies Latest reply: Dec 30, 2013 9:06 AM by Jayson Hanes RSS

    Breadcrumb over lapping

    Vedant

      Dear Friends

       

      i have problem with Breadcrumb .

       

      I have created Breadcrumb but my Breadcrumb over lapping.How to resolve it .

       

      I have try to remove but i can't .

       

      How can i resolve it.

       

       

      Thanks

        • 1. Re: Breadcrumb over lapping
          Pars

          remove breadcrumb go to Shared Component>>navigation>>Breadcrumb and delete breadcrumb and breadcrumb entry.

          check whether to breadcrumb defined.

           

          Pars.

          • 2. Re: Breadcrumb over lapping
            Tom Petrus

            By overlap do you mean they are visually overlapping? What theme are you using?

            • 3. Re: Breadcrumb over lapping
              Vedant

              Dear Pars

               

              Thanks to reply me .

               

              There was two breadcrumb Named : one was Breadcrumb and second one alt template i have delete second one .recenlty i have breadcrumb with there entry.now there is only one breadcrumb with there many entries.

              but problem is as it is.

               

               

              What should i do to resolve it ?

              • 4. Re: Breadcrumb over lapping
                Vedant

                Dear Tom,

                 

                Yes they are visually overlapping and i am using survey builder package application with there theme.

                i have done some chsnges into template so i am mention template code.

                 

                Template Header

                ----------------------------------------------------------------------------

                <!--[if HTML5]><![endif]-->
                <!doctype html>
                <!--[if lt IE 7 ]> <html class="ie6 no-css3" lang="&BROWSER_LANGUAGE."> <![endif]-->
                <!--[if IE 7 ]>    <html class="ie7 no-css3" lang="&BROWSER_LANGUAGE."> <![endif]-->
                <!--[if IE 8 ]>    <html class="ie8 no-css3" lang="&BROWSER_LANGUAGE."> <![endif]-->
                <!--[if IE 9 ]>    <html class="ie9" lang="&BROWSER_LANGUAGE."> <![endif]-->
                <!--[if (gt IE 9)|!(IE)]><!--> <html lang="&BROWSER_LANGUAGE."> <!--<![endif]-->
                <head>
                <!--[if !HTML5]>
                  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
                <![endif]-->
                  <meta charset="UTF-8">
                  <title>#TITLE#</title>
                  <link rel="icon" href="#IMAGE_PREFIX#favicon.ico" type="image/x-icon">
                  <link rel="shortcut icon" href="#IMAGE_PREFIX#favicon.ico" type="image/x-icon">
                  #APEX_CSS#
                #TEMPLATE_CSS#
                #THEME_CSS#
                #PAGE_CSS#
                #APEX_JAVASCRIPT#
                #TEMPLATE_JAVASCRIPT#
                #APPLICATION_JAVASCRIPT#
                #PAGE_JAVASCRIPT#
                #HEAD#
                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
                  <link rel="stylesheet" href="#IMAGE_PREFIX#themes/apps/css/4_1.css?v=2">
                  <script src="#IMAGE_PREFIX#themes/apps/js/4_1.js"></script>
                <style>
                header#uHeader {
                background: url(#IMAGE_PREFIX#/themes/apps/images/app_theme.png) 0 -2000px repeat-x white;
                -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.15) inset;
                -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.15) inset;
                box-shadow: 0 -1px 0 rgba(0,0,0,0.15) inset;
                height: 95px;

                }


                .userBlock table, .userBlock a {
                font: normal 11px/24px "Helvetica Neue",Helvetica,Arial,sans-serif;
                height: 24px;
                font-weight: bold;
                color: blue;
                background-color:white;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
                }
                .userBlock a:hover {
                background-color:white;
                }

                a.uButtonSmall span{
                background-image: linear-gradient(#8EBEFA,grey);
                color: black;

                }
                a.uButtonSmall {
                font: bold 11px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
                }
                </style>

                <style>
                .CentroHome {background:url('#WORKSPACE_IMAGES#bg_home.jpg') no-repeat left top #dddad4;}</style>
                </head>
                <body #ONLOAD#>
                  <!--[if lte IE 6]><div id="outdated-browser">#OUTDATED_BROWSER#</div><![endif]-->
                  #FORM_OPEN#
                  <div id="uBodyContainer" class="CentroHome">

                 

                ---------------------------------------------------------------------------------------------------------------------

                 

                Template Body

                 

                <header id="uHeader">
                  #REGION_POSITION_07#
                  <hgroup>
                    <a href="#HOME_LINK#" id="uLogo">#LOGO#</a>
                    <div class="logoBarNav">
                    
                                  <div class="userBlock">
                                     <table align="center">
                <tr>
                <td>
                <a href="f?p=&APP_ID.:248:&SESSION.::&DEBUG.::::" title="User Name">&G_EMP_IMAGE.</a></td>
                <td><a href="f?p=&APP_ID.:248:&SESSION.::&DEBUG.::::" title="User Name">&USERNAME.</a></td>

                <td><a href="f?p=&APP_ID.:1:&SESSION.::&DEBUG.::::" title="QUARS"><img src="#WORKSPACE_IMAGES#SURVEY 26.jpg" width="30" height="20" alt="QUARS"/></a></td>
                <td><a href="http://oraclsdfe:7504/ims/faces/login.jspx?_adf.ctrl-state=qhergwqru_35" title="IMS"><img src="#WORKSPACE_IMAGES#ICMS 13.jpg" height="20" width="30" alt="IMS"/></a></td>

                <td><a href="http://ibm.com/" title="Imb Site"><img src="#WORKSPACE_IMAGES#imb.jpg" width="30" height="20" alt="IBMSite"/></a></td>

                <td><a href="http://www.facebook.com/pages/ibm/103676876788409053058271" title="Facebook"><img src="#WORKSPACE_IMAGES#FACEBOOK.jpg" width="30" height="20" alt="Facebook"></a></td>

                <td>#NAVIGATION_BAR#</td>
                </tr></table>

                                </div>
                    </div>
                  </hgroup>
                  #REGION_POSITION_04#
                </header>
                #REGION_POSITION_01#
                #SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#
                <div id="uOneCol">
                  #REGION_POSITION_02#
                  #BOX_BODY#
                  #REGION_POSITION_03#
                </div>

                --------------------------------

                 

                Template Footer

                 

                --------------------------------------------------------

                 

                <footer id="uFooter">

                  <div class="uFooterContent">

                    <div id="customize">#CUSTOMIZE#</div>

                    #REGION_POSITION_05#

                    #SCREEN_READER_TOGGLE#

                    <span class="uFooterVersion">

                      #APP_VERSION#

                    </span>

                  </div>

                  <div class="uFooterBG">

                    <div class="uLeft"></div>

                    <div class="uRight"></div>

                  </div>

                </footer>

                </div>

                #FORM_CLOSE#

                #DEVELOPER_TOOLBAR#

                #GENERATED_CSS#

                #GENERATED_JAVASCRIPT#

                </body>

                </html>

                 

                I have mention all three section templte code please see and guide me if i place wrong breadecrumb position entry in template.

                 

                 

                Thanks.

                • 5. Re: Breadcrumb over lapping
                  Vedant

                  Dear Tom

                   

                  Have you any update.

                   

                  Thanks

                  • 6. Re: Breadcrumb over lapping
                    Pars

                    breadcrumb not defined in page header/body/footer Definition in page template, there is separate region in page template>> Display point in page template

                    at that region we define breadcrumb display point.

                    here, best way is  to reproduce problem on apex.oracle.com.

                     

                    Pars.

                    • 7. Re: Breadcrumb over lapping
                      Jayson Hanes

                      I have only seen this problem while using IE 8 -- and the way we deal with it is not to make changes to the app, but, to disable compatibility view in IE 8