Highlight List (Page Tab Navigation)

Hi,
Im using a List in my page to swap between regions, but how can I Highlight the list for current selection.
Im using "Page Tab Navigation" template list for the same.
Regards,
Benz

Hello,
You should be able to just set the list item to be current for say page 10 and it should show up as current.
Carl

Similar Messages

Highlighting List which using Template "Page Tab navigation"

Hi,
Im using a List which uses List Template : "Page Tab navigation".
But irrespective of selection all tabs looks same..How can I highlight the active one ?
Regards,
Benz

Hello Benz,
I suppose you want the "current" tab to be highlighted.
Take a look at Shared Components>Lists>List Entries>Create / Edit List Entry in section 'Current List Entry'.
There you can spezify for each of your entires when it should be current and therefore displaying in different style.
Regards, Tine.

Highlight a list (TABBED NAVIGATION LIST TEMPLATE)

Hi everyone,
I have created a list with template (TABBED NAVIGATION LIST 2) in my application.But its not highlighting the tab(as the list template is tabbed navigation) what i seleted.How can i highlight that selected list.Could anyone please help me to solve this.
Theme: Business Look
Thanks
phani

Could anyone help me how to change the template of that list (TABBED NAVIGATION LIST) to make it highlight the selected list.
Thanks
phani

Substitution syntax in tabbed navigation list. Smart or Lucky?

I've got a tabbed navigation list that I use on two separate pages.
The list entry points back to the current page but sets a page item value based on the list item value.
So this tabbed list might have items labeled E-mail, Phone, Address. When you click one of the list tab items it submits to the current page, sets a hidden field to EMAIL,PHONE, or ADDRESS. That hidden field controls which email,phone, or address region is displayed.
OK easy enough. Except that I use the same list on multiple pages. Rather than create a list for each page, I made it more generic...
So I set the item target as follows:
Target type: Page in this application
Page: &APP_PAGE_ID.
Set these items: P&APP_PAGE_ID._ALIAS_REGION
With these values: ADDRESS
Notice that I've got substitution type syntax for the target page and the NAME of the item whose value I want to set. For example if the list is rendered on page 2 the target page becomes 2 and the item name becomes P2_ALIAS_REGION. On page 7, they are 7 and P7_ALIAS_REGION respectively.
I also use this same syntax in the "Current List Entry" with a query like:
select 1 from dual where :P&APP_PAGE_ID._ALIAS_REGION = 'ACTIVE'
Now, I thought I was being clever in doing this, since it lets me use the same list on several similar pages. However the Apex Essentials Advisor is complaining about my syntax, and as awesome as that tool is, it got me thinking that I might be too clever for my own good.
Is it valid to use this substitution syntax in this context? I mean it works, but is it supposed to work this way? If this is by happy coincidence then Apex developers please don't change how this works. If this is by design, then you guys/girls are awesome!

Is it valid to use this substitution syntax in this context?Yes.
I mean it works, but is it supposed to work this way?Yes.
If this is by happy coincidence then Apex developers please don't change how this works.It is very unlikely that we would change any of the core substitution logic in ways that adversely affect behavior like this.
If this is by design, then you guys/girls are awesome!Aw, shucks.
Scott

#TAB_LINK# value not set for tabbed navigation list

I'm a big supporter of searching the threads for an answer before posting. My apologies if I've overlooked this in the threads.
Like many others, I'm leveraging lists to mimic third level tab functionality. I'm trying to use the tabbed navigation list template. My targets for the list entries are pages within the application. When clicking the links however, #TAB_LINK# is not being interpreted within the link URL. #TAB_LINK# is simply appended to the end of the URL instead of being replaced with the actual link value, for example I would expect to see a typical htmldb page link with the target page value.
As a result, no navigation occurs to the target page. If I change the list template to horitzontal link list, the links function as expected, however I prefer the look of the tabbed navigation template.
Any suggestions?
David

I took a hint from my own post and checked the template that was working for me and noticed that the horizontal list template uses #LINK# instead of #TAB_LINK#.
I altered the tabbed navigation list template, replacing #TAB_LINK# with #LINK#, and now the tab links function as expected. I'm not sure if this fix will bite me later, or if this is a known issue. If there is a "proper" solution out there, I would still like to hear it. For now I'll assume my fix is a hack.
Thanks,
David

Change of Color on Tabbed Navigation List (Apex 4.1)

Dear Friends,
I am using apex 4.1
I have a list on page 0 which is "Tabbed Navigation List" and there are three pages running on it.
I want to change the color of the button when i click on the specific button.
Can any1 help me in this regards. I will be obliged.
Regards,
Kamran

Hi,
>
I have a list on page 0 which is "Tabbed Navigation List" and there are three pages running on it.
I want to change the color of the button when i click on the specific button.
>
Not clear enough.
Different Themes render Tabbed navigation lists in different way. Take a look at the Tabbed Navigation List template on Page 0. You will need to customize this template to achieve what you want.
Regards,

Tabbed Navigation List Session State

I converted regular tabs to a tabbed navigation list because the user wanted the tabs on the left side, on a region, not on the top of a page. Now when I navigate between pages using the tabbed navigation list the session state is not saved. For example: the user changes something in a field on page 1 without submitting the change, navigates to page 2, then back to page 1; the change they made on page 1 is gone. How can I prevent this from happening?
I've checked all of the branches and navigation list targets to make sure I'm not clearing the session state.
Thanks, Elizabeth

First, I added Personal_Page under Action/Request.No, that sets the request value in the branch URL.
so I added Personal_Page in Expression1 under Conditions and set the Condition Type to Request=Expression1That will work. Maybe you have a branch that fires before it so it never evaluated this branch. Anyway, my suggestion was to use an application process, not branches. The firing point of the process should be after-submit, before computations and validations. The process would contain a block like:
declare l_page varchar2(30);
begin
case
    when :request = 'Personal_Page' then
      l_page := '3';
    when :request = 'some other value' then
      l_page := '4';
    -- etc.
end case;
apex_application.g_unrecoverable_error := true;
owa_util.redirect_url('f?p=' || :APP_ID || ':' || l_page || ':' || :APP_SESSION);
end;Scott

Working with "tabbed navigation list" widths

I have created a list of type "tabbed navigation list" and added it to a page. I modified the "template" for the page adding a bottom border to the table for the tabbed navigation list.
http://htmldb.oracle.com/pls/otn/f?p=36420:1:
How would I control the width of this tab navigation list?
I would like to make the width extend to 100% of the page, however, I'm unable to control the width either by setting the region width or the template width for the tabbed navigation list.
Thank you!

Hello,
Your Region Template is a table and collapsing down. Remove the region template or change it so the table has width="100%" or change it to Report Region 100% Template if your using one of the builtin themes.
Carl
Message was edited by:
Carl Backstrom

Tab Navigation List - Current Tab

I'm using a tab navigation list to hide/show regions on a page. When the page displays, all the tabs are showing the same way and there is no way to know what tab is current. Is there a way to change the display of tab if it is current?

Hi,
Edit the List you are using in the Tabbed Navigation.
Under "Current List Entry" select "Colon Delimited Page list" and enter the page(s) in "List Entry Current for Condition" for each of the list entries.
Regards,

Inserting tabbed navigation code makes my web page not display in design view..

Hi everyone..
I am on Dreamweaver 8 for MAC, and was working on a couple of web pages..these pages included divs and tables. But when I tried inserting a tabbed navigation I found at:
http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm
In a nutshell, it asked me for step 1 to:
Step 1: Insert the below CSS and script into the HEAD section of your page:
<link rel="stylesheet" type="text/css" href="tabcontent.css" />
<script type="text/javascript" src="tabcontent.js">
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
</script>
The next step was this:
Step 2: Finally, simply add the below HTML to where you wish the Tab Content to appear on the page:
<h3>Demo #1- Basic implementation</h3>
<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Tab 1</a></li>
<li><a href="#" rel="country2">Tab 2</a></li>
<li><a href="#" rel="country3">Tab 3</a></li>
<li><a href="#" rel="country4">Tab 4</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>
<div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
<div id="country1" class="tabcontent">
Tab content 1 here<br />Tab content 1 here<br />
</div>
<div id="country2" class="tabcontent">
Tab content 2 here<br />Tab content 2 here<br />
</div>
<div id="country3" class="tabcontent">
Tab content 3 here<br />Tab content 3 here<br />
</div>
<div id="country4" class="tabcontent">
Tab content 4 here<br />Tab content 4 here<br />
</div>
</div>
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
<p><a href="javascript:countries.cycleit('prev')" style="margin-right: 25px; text-decoration:none">Back</a> <a href="javascript: countries.expandit(3)">Click here to select last tab</a> <a href="javascript:countries.cycleit('next')" style="margin-left: 25px; text-decoration:none">Forward</a></p>
<hr />
Well, I did all the steps required, but when I put this inside a div I had inside a table, all of a sudden I couldnt see anything in my design view, only two tables that arent even the same size..When I take out all this code, I get back my regular page..Can I see this tabbed navigation in my design view? Unfortunately, I dont have the spry widgets since I am on Dreamweaver 8..If I preview it in both Safari and Firefox (on Mac Firefox/3.0.8) (Safari 3.2.1) I can see everything fine, including the tabbed navigation..But designing in code isnt really helpful because I want to see what it looks like in design view, in case we change things-its just easier for me to work on..So I assume there is something in this code that is making my design view show nothing..
Update:I tried taking out the code again, but this time, I couldnt see anything again, even without this code..
I know that I can go to validation website, and I got a lot of errors-but all the pages I have that are in the same style have those same errors too—and they display fine..its only when I insert this specific piece of code that everything goes haywire..Is it even possible to view tabbed navigations (like the one in the above link) inside of Dreamweaver Design View?
Any help would be appreciated..

DW8 doesn't render any dynamic content, so I'd say it's a no go. You'll just have to live with that limitation or upgrade to CS4...
Mylenium

Color Tabbed Navigation List

Hi all,
I am using tabbed navigation list in my application. When a tab is selected it should be indicated by some color. How should i do this.
In shared componenet list, i have the target as f?p=&APP_ID.:20:&SESSION.::&DEBUG.::P20_ITEM1:search interactive:
Thanks.

Hi,
When posting code on the forum, put {noformat}{noformat} (with the curly brackets and the word code in lowercase) above and below your code like this...
{noformat}{noformat}
SELECT *
FROM emp
{noformat}{noformat}
It will then appear like this, preserving formatting...SELECT *
FROM emp
I can't see the HTML that you've posted unless you do this.
Cheers
Ben

Tabbed Navigation List

Hi ,
I am using Tabbed Navigation List in my application. The color of Labels on the tabs are misleading as it appears to be greyed out but is not. And also while we click on any of these tabs there is no indication of which tab is current. Is there a way I can change the color of the label on these tabs at runtime or design time. And Secondly is there a way I can dynamically change the label color to some green or red or even change the background of the tab to indicate to the user that this tab is current.
Any help in these regard is greatly appreciated.
Thanks
sukarna

Sukarna,
The short answer is yes - all of this is possible. However, the exact implementation will very depending on a number of factors, most notably the theme/template your using. Can you put an example on apex.oracle.com? We'll need the workspace/username/password. You can create a new user account for this purpose.
Regards,
Dan
http://danielmcghan.us
http://sourceforge.net/projects/tapigen
http://sourceforge.net/projects/plrecur
You can reward this reply by marking it as either Helpful or Correct ;-)

Create a dynamic file list page

I have two folders under my main heirachy for our web site. One is called Prod and the other is Dev. I have folders and irpts within them. I would like to create an html filelist page so when I am on the web testing it, I can quickly see all of my files and click anyone of them to quickly see the page. Does anyone know how to create dynamic file list pages that will automatically update as files and folders are added?

You can always just enable "Directory Browsing" in the default web site in IIS.
You can do this by opening IIS and navigating the PROPERTIES of the Default Website...click the Home Directory tab...check the "Directory browsing" box...apply the settings and you should be good.
Note: a restart of IIS might be necessary for the changes to take effect. You can do this by executing a simple "iisreset" from the run command line.

Tab navigation bar library item?

On my site:
http://vectorworksexchange.com/index.html
I made the tab navigation bar a library item. Doing so caused me to lose the current page highlighted tab on the active page (like the Home tab looks now). I'm not sure how to get that back. Can it be done when the tab navigation is a library item?

Make a back-up of your site folder and then try the below solution:
Give your <li> tags individual ids as below:
<ol id="toc">
    <li id="index"><a href="index.html"><span>Home</span></a></li>
    <li id="topics"><a href="topic_ideas.html"><span>Topic Ideas</span></a></li>
    <li id="meetings"><a href="past_meetings.html"><span>Past Meetings</span></a></li>
    <li id="resources"><a href="resources.html"><span>Resources</span></a></li>
    <li id="gallery"><a href="member_gallery.html"><span>Member Gallery</span></a></li>
    <li id="facebook"><a href="http://www.facebook.com/group.php?gid=107562565951462"><span>VWX on Facebook</span></a></li>
</ol>
Then take the 'current' class out of the main css style sheet and insert the below in the index.html code in the <head> section:
<style type="text/css">
/* page marker */
ol#toc #index a {
background-color: #48f;
background-position: 0 -60px;
color: #fff;
font-weight: bold;
ol#toc #index span {
    background-position: 100% -60px;
</style>
Insert the below code in the topic_ideas.html page code in the <head> section
<style type="text/css">
/* page marker */
ol#toc #topics a {
background-color: #48f;
background-position: 0 -60px;
color: #fff;
font-weight: bold;
ol#toc #topics span {
    background-position: 100% -60px;
</style>
Get the idea?
past_meetings.html page:
<style type="text/css">
/* page marker */
ol#toc #meetings a {
background-color: #48f;
background-position: 0 -60px;
color: #fff;
font-weight: bold;
ol#toc #meetings span {
    background-position: 100% -60px;
</style>

Spry Tab Navigation not working in IE

I have created a couple of test pages to highlight what happens and the issue I have.
ONE: http://www.netballzone.com.au/aeasphase1handover/testCentresml.html   - navigation to specific tabs doesn't work in IE7 or 8 and all tabs content is displayed in one page and no tab navigation options available.
TWO: http://www.netballzone.com.au/aeasphase1handover/testCentresml2.html - no way to navigate to get to specific tabs that works in IE7 or 8.
In Webkit and Firefox all is well and the two examples show the same thing.
The main requirements I have is to be able to navigate to specific tabs from outside of the page. I have looked at various related topics but cannot see a solution that works for me and Option ONE seems to be the closest I can find.
As soon as I included the error I get in ONE above.
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB6.5; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET4.0C; .NET CLR 3.0.30729)
Timestamp: Tue, 12 Oct 2010 01:33:34 UTC
Message: 'Spry.Widget.TabbedPanels' is null or not an object
Line: 121
Char: 1
Code: 0
URI: http://www.netballzone.com.au/aeasphase1handover/testCentresml.html
From the page outside via a hyperlink I used <a href="testCentresML.html?tab=1#TestCentresTabs">
Thanks in anticipation and regards,
Mike

If you want to choose Brunei, the URL should look like
<a href="testCentresML.html?test=0&country=1">
and the code for the page
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet">
<script src="SpryAssets/SpryTabbedPanels.js"></script>
<script src="SpryAssets/SpryURLUtils.js"></script>
<script> var params = Spry.Utils.getLocationParamsAsObject(); </script>
</head>
<body>
<h1>Test Centres</h1>
<div id="TestCentresTabs" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">First Tab</li>
    <li class="TabbedPanelsTab" tabindex="0">Second Tab</li>
    <li class="TabbedPanelsTab" tabindex="0">Third Tab</li>
    <li class="TabbedPanelsTab" tabindex="0">Test Availability</li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
        <h2>Countries</h2>
        <div id="CountryTabs" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">AUSTRALIA</li>
            <li class="TabbedPanelsTab" tabindex="0">BRUNEI</li>
            <li class="TabbedPanelsTab" tabindex="0">CAMBODIA</li>
          </ul>
          <div class="TabbedPanelsContentGroup">
            <div class="TabbedPanelsContent">Content AUSTRALIA</div>
            <div class="TabbedPanelsContent">Content BRUNEI</div>
            <div class="TabbedPanelsContent">Content CAMBODIA</div>
          </div>
        </div>
    </div>
    <div class="TabbedPanelsContent"><h2>2nd Tab</h2></div>
    <div class="TabbedPanelsContent">
        <h2>3rd Tab</h2>
      <p> 333333 </p>
    </div>
    <div class="TabbedPanelsContent">
      <h2>4th Tab</h2>
      <p> 44444 </p>
    </div>
</div>
</div>
<script>
var TestCentresTabs = new Spry.Widget.TabbedPanels("TestCentresTabs", {defaultTab: params.test ? params.test : 0});
var CountryTabs = new Spry.Widget.TabbedPanels("CountryTabs", {defaultTab: params.country ? params.country : 0});
</script>
</body>
</html>

Highlight List (Page Tab Navigation)

Similar Messages

Maybe you are looking for