Highlighting current page on Tab control

Hi!,
I am using tab control with 7 pages. The page names are all in the same colour. Is there any way in which the colour for the name of the current page can be made different from the rest?
If your answer involves property nodes (or more advanced techniques) please be descriptive as I am beginner.
Also, which is the best book for inside stuff on property nodes?
I am using LV-PDS 6.1
Best wishes and thanks,
Gurdas
[email protected]
Gurdas Singh
PhD. Candidate | Civil Engineering | NCSU.edu

> Is it possible to assign the same keyboard key (to all buttons) such
> that pressing it will do the job of clicking the current active
> button? I would prefer this key to be the 'space bar'.
>
> The application allows only one hand to be free. The other hand will
> be used to place test component and rotate it manually below the
> sensor. Thus, such a feature makes the user's task very easy. He just
> keeps clicking the space bar until the vi ends.
>
It isn't possible to assign a key to more than one control, since then
it would be pretty unclear which control should out-of-the-blue receive
the key. It is possible to catch key events and perform and action
based upon the key press. Another option is to set
the key focus to the
next logical button in your progression. If the focus is set to a
button, then the space bar, enter key, etc all work.
Since you are asking for comments, the UI you describe sounds a bit odd
to me. A sequence of buttons that the user is required to click in a
given order? You might want to compare this to an indicator showing the
stage and current results, and one more button that says Next. Tie the
key navigation shortcut to the single button, and each button press
moves to the next stage. You might want to add a Cancel or Stop button
if there is ever any need to break out of the sequence. Finally, this
is pretty close to a wizard that allows the user to go both directions.
If it makes sense to reverse and redo a step, add that button too and
you have a very standard UI.
To build a wizard, use a tab control with a page for each stage. Hide
the tabs, and modify the pages by adding or subtracting on the value.
Greg McKaskle

Similar Messages

Is it possible to programatically add tab pages on tab control

Hi All,
Is it possible to programatically add tab pages on tab control? If yes then how?
Thanks & Regards,
Shrinivas

Doing this will require the use of VI server and methods and properties. First, some questions:
Is the number of pages you may need unbounded?
Do you have a maximum number of pages you need to display at any one time?
If the answers are no and yes, then you can create a tab control with the maximum number of pages you need, and hide or show the pages, as necessary. To hide or show pages, use the Pages property to get references to all the pages. Use Index Array to select the page you want to show/hide, then use its Page Visible property to show and hide it.
You can also get a lot more dynamic, if you number of pages you need to show at any one time is less than the total number of pages. In this case, you will want dynamic page contents and tab name. You can set the tab name by Page Label property of the page (right next to the Page Visible property). You can make the content dynamic by using a subpanel as the only contents of the page. You can find out about subpanels in the LabVIEW help or this post.
You also need to ask yourself whether a tab interface is the best one for your application. I have usually found that if I need to show and hide a lot of tabs, I would be better off with a subpanel for my content and a text or menu ring the select the content. Tree controls also work nicely for selection.
Good luck! Let us know if you need more help.
This account is no longer active. Contact ShadesOfGray for current posts and information.

Highlighting Current Page with CSS

This morning I post my first Dreamweaver/CSS site. It is for
a DVD I produced about infant massage. www.BabyBabyOhBaby.com.
What I'd like to do is highlight the current page in the
navigation bar using either a border or color change. I've found
some sites like
http://www.hicksdesign.co.uk/journal/highlighting-current-page-with-css
but, sorry to say, I'm a beginner at both Dreamweaver & CSS and
I can't quite follow the code.
Is there some way within Dreamweaver to accomplish the
highlighting in design view without writing the code? Or perhaps
someone has some very basic elementary CSS guidance?
Thanks for your time,
David

Oh, yeah. 8)
Get that....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"E Michael Brandt" <[email protected]> wrote
in message
news:[email protected]...
> <informative but also self-serving>
>
> Really we have made this much much easier. divaGPS
creates you-are-here"
> menu highlighting and is easy to add to any number of
pages at once - even
> Templates' Child pages. It is a commercial DW Extension
that will save
> you lots of time and effort.
>
>
http://divahtml.com/products/divaGPS/current_menu_location.php
>
> <informative but also self-serving />
>
> --
>
> E. Michael Brandt
>
> www.divaHTML.com
> divaGPS : you-are-here menu highlighting
> divaFAQ : FAQ pages with pizazz
>
> www.valleywebdesigns.com
> JustSo PictureWindow
> JustSo PhotoAlbum
>
> --
>
>
> Murray *ACE* wrote:
>> You need to know the downside to using layers as a
primary layout
>> device - open your page in Firefox (or any non-IE
browser) and bump the
>> text size up a tick or two. Ugh....
>>
>> Here's your navbar -
>>
>> <div id="navbar"><a
href="index.html">Home</a> | <a
>> href="about_dvd.html"> the DVD</a> | <a
href="preview.html">Preview</a> |
>> <a href="reviews.html">Reviews</a> |
<a href="infant_massge.html">Infant
>> Massage</a> | <a
href="contact_us.html">Contact Us</a> | <a
>>
href="shopping.html">Shopping</a></div>
>>
>> Change it to this -
>>
>> <div id="navbar"><a href="index.html"
id="button1">Home</a> | <a
>> href="about_dvd.html" id="button2"> the
DVD</a> | <a href="preview.html"
>> id="button3">Preview</a> | <a
href="reviews.html"
>> id="button4">Reviews</a> | <a
href="infant_massge.html"
>> id="button5">Infant Massage</a> | <a
href="contact_us.html"
>> id="button6">Contact Us</a> | <a
href="shopping.html"
>> id="button7">Shopping</a></div>
>>
>> Then on each page, embed a little stylesheet in the
head by changing
>> this -
>>
>> </head>
>>
>> to this -
>>
>> <style type="text/css">
>> a#buttonX { your highlight styles }
>> </style>
>>
>> and just change the "X" to whatever number button
you want to highlight.
>>
>> You can do this in Design view, but it's too
tedious.
>>

Can I control pages in tab control with case structure?

Hi there!
I'm quite new to Labview and my company wants me to make some programs for testing of electronics. I'm currently working on the GUI and I would like to control three pages in a tab control with buttons.
I only got the base package of Labview 2009 so I can't use Event structure.
If you open my .vi you can see I have a tab control with three pages. In the first page I got a "Start" button that should open the next page in the tab control. In the middle page I have a "Tilbake (Back)" button that should go back to the previous page. The button called "Lagre (Save)" should work as a next button and go to the last page. On that page I have a "Tilbake(Back)", "Ny test(New test -> go to first page again)" and "Avslutt (Quit)".
The buttons under the tab control where something I copied from an example just to try out. That works perfectly, but I cannot edit the Event Structure from the example.
Is this possible to solve with Case Structure? Or maybe there are other solutions? Feel free to edit my .vi if you like
Thanks for the help!
Regards,
Even Myhre
Test engineer
Regards,
Even
Certified LabVIEW Associate Developer
Automated Test Developer
Topro AS
Norway
Solved!
Go to Solution.
Attachments:
Test GUI.vi ‏29 KB

Hi again!
Well it solved my problem, but I got a strange error while running my program.
When I press "start", the tab control changes page. When I press "tilbake(back)" it is totally random how many clicks it is necessary for it to change back to the first page. It can be from 1 to 20-30 clicks. Which is very strange since all other navigation buttons works perfect. "Tilbake(back)" button on the last page works correctly and has the same structure as the "tilbake(back)" button on the middle page.
I have tried all the different options on how the button will response on a press.
Regrads,
Even
Regards,
Even
Certified LabVIEW Associate Developer
Automated Test Developer
Topro AS
Norway
Attachments:
Test GUI2.vi ‏28 KB

Using body id= to highlight current page on nav bar

Hi all, using the method of giving the body tag an id to set
the current page on the nav bar, works all very well. however, this
is no good if you are working from a template as it would mean the
<body> being editable on each page (so most of the content
then)....am I right? or am I missing something blindingly obvious
here which will allow me to change the <body>...
many thanks - didn't really want to use the javascript method
you see!

> Hi all, using the method of giving the body tag an id to
set the current
> page
> on the nav bar, works all very well. however, this is no
good if you are
> working from a template as it would mean the
<body> being editable on each
> page
> (so most of the content then)....am I right? or am I
missing something
> blindingly obvious here which will allow me to change
the <body>...
ideally, you wouldn't actually link the item on the menu of
the page you are
currently on. This is a usability/accessibility thing. If you
do that, then
you can simply style non-linked items on the menu differently
to highlight
that page.
That said, it's often not a practical solution if you are
using SSIs to load
the menu.
In that case, you could just add the Class to a wrapper DIV,
or to the menu
itself:
<div id="myMenu" class="contactPage">
<div id="myMenu" class="aboutPage">
<div id="myMenu" class="productsPage">
etc.
OR, alternatively, give each meny item it's own class and
then over-ride
that one particular class style in the HEAD of each
individual page. That
said, I'm not sure how well the latter would work with DW
templates.
-Darrel

I just updated to Firefox 3.6.12 and now every time I click anything online a new tab opens. How do I return to normal (clicking a link opens it in current page and tab)?

I'm used to clicking a link on a news story or any searched link on google and having my current page go there. Now my current page stays the same and any link I click opens in a new tab. This is very annoying. I just want my browser to go there.

Google Toolbar Options, in the Search tab, make sure that '''Enable the Google new tab page''' is check-marked. If that doesn't fix it for you, see this for support information about the Google Toolbar. <br />
[http://www.google.com/support/toolbar/?hl=en] <br />
Or visit the Google Toolbar forum. <br />
[http://www.google.com/support/forum/p/Toolbar?hl=en]
As far as your UserAgent showing Firefox 3.0.11, see this: <br />
https://support.mozilla.com/en-US/kb/Websites+or+add-ons+incorrectly+report+incompatible+browser
You might want to consider getting rid of that '''desktopsmiley''' program that has messed up your UserAgent, it is known as Malware.

CSS - manually highlight current page link?

In the sidebar navigation on this page I want to highlight the current page link with a CSS class. I wrote a class called "current" and applied it to the link. But nothing changes. I've used this on other sites, but something is tripping me up this time. I'm obviously missing something simple.
Here's the page: http://www.jesseyoung.com/gill/practice_areas/small_business/exceptions_to_limited_liabili ty.html
Suggestions?
-Jesse

function(){return A.apply(null,[this].concat($A(arguments)))}
In the sidebar navigation on this page I want to highlight the current page link with a CSS class. I wrote a class called "current" and applied it to the link.
Are you creating this Current Page marker manually?
You're using Pop Menu Magic 2 from Project Seven which already has an excellent in-built feature for Automatic and Advanced Current Page "you are here" marking.
Click the two boxes adjacent "Current Marking" in the PMM2 interface and the job is done. The PMM2 PDF User Guide explains the feature in detail.
You'll also get excellent support on questions related to Project Seven products at their newsgroup forums
http://www.projectseven.com/support/index.htm

Validate and Save data of the current page when tab changing

Hi,
Using APEX version 2.2
We have a multi tab chain form, which each page / tab references a different table. Seperately, when each form is saved, the data is validated and committed to the database.
The business requirement is to be able to enter data on a form, and then click on another tab, and the page is "validated" and saved, and then the tabbed page is then shown.
From what I have seen on the forums, pressing a tab, will not validate and process the original form, only perform the page rendering processes.
I have read the forum thread Re: Navigating to non-current pages for a tab - but have not seen how this works? Is there some dialog missing?
What we would like to do is call the tab as per usual;
javascipt:dosubmit('T_PAGE_6');
But also add the save validation first;
javascipt:dosubmit('SAVE'); javascipt:dosubmit('T_PAGE_6');
This would allow the full form validation
Is this part configurable? otherwise is there anothe solution we can use?
Thanks
Jon

Jon, You essentially want your standard tabs to do nothing but act as buttons. If you can adjust the templates to make those "buttons" look like tabs, you'll have what you need.
Others will have to advise on how to do that, though.
Scott

Navigate pages of tab control with radio buttons

hi guy,
i need to navigate 7 pages of a tab control container usings custom buttons. that is, when i click on a button, i takes me to the specific page on the tab control container.
i think this can be done using radio buttons and tab control container, but i dnt really know how. please any help will be appreciated.
thanks....

Hi jiggaharry,
I think I may have a link that addresses you issue. Do have a look at this link:
Navigate Tab Control with Custom Buttons:
http://forums.ni.com/ni/board/message?board.id=300&message.id=6123
We have a vast array of data on ni.com for examples and tutorials which could be very helpful in your code development. Do feel free to browse through and use the examples are they are all free of charge
Hope the link is useful to you.
Regards,
Manick | AE | NI ASEAN

Indicators show thru to front page of tab control.

I have a tab control with boolean indicators on the second and third pages. When the indicators are activated (mine blink when certain tests are selected), they show on the front panel. I have tried to "move to front" the tab control but that didn't work. The property node for the tab control doesn't seem to have anything to help either. Any ideas?

I found a straightforward solution here: http://forums.ni.com/t5/LabVIEW/Determine-if-Tab-is-active/td-p/1841435
which does change as the tabs change.
The blinking question was asked, as noted, 12 years ago. I apologize for the confusion caused by changing the question.
I consider my question solved.
Thanks to those who responded.

Disable or hide page on tab control

Is there any way to disable or hide one page of a tab control using a property node and some element from the user interface.
I'm using LV 7.1.
I'm attaching an example of what I would like to do.
Any help would be appreciated
Eric
Attachments:
Tab Control Example.vi ‏29 KB

Hi:
Oh, I see that someone worked faster than me, anyway I will post my
work so it doesn''t get useless. I couldn´t see your VI since I'm one
of those dinosaurs still using LabVIEW 7.0. I've made a small VI that
shows how to make visible/invisible the pages on a tab control. Hope
this helps you.
Robst.
Robst - CLD
Using LabVIEW since version 7.0
Attachments:
VisiblePages.vi ‏36 KB

How to save values of a page from tab control??

Good morning!
I have a question about saving the data of one page of the tab control.
In my case, alarms (boolean buttons) can be activated, it will appear in a page called HISTORICO (Date // Time // Room), but when I change to another page and back again to the HISTORICO page, the table back for null value.
Here's some screenshots of my program.
If anyone can help, I will be grateful.
Solved!
Go to Solution.
Attachments:
mainvi.png ‏167 KB
frontpanel.png ‏141 KB

In your case structure set on the case "Tabela", you have a Use default if Unwired tunnel on the right hand side. And I can see that you have some unwired tunnels on it. If the case structure ever executes one of those cases, then the default value of an empty table is going to be passed out and put in the shift register.
Solution:
1. Right click on that tunnel and turn off Use Default if Unwired. (In 95% of tunnels, it should not be used.)
2. Find the cases where the tunnel is unwired and pass the table wire through all of them.

Highlight "current" page in CSS Dreamweaver TEMPLATE

I have created 2 navigation bars (in my header) using an unordered list styled with CSS in a Dreamweaver Template that I created. Here is that template (in the template- the "Beads" link is styled as the current page): http://www.bfranklincrafts.com/Templates/MainTemplateM.dwt
I don't want the navbars to be editable in the pages that will be created from this template, so I was NOT planning on putting the navbars in editable regions. But now I'm realizing that if I don't put the navbars in editable regions, I won't be able to go in each link in my navbars to put the "current" style for each page.
The idea of the template is wonderful because it allows us to create one template and from that template we can make changes that would be past down to all the pages that were created using this template. But if I have to put the navbars in editable regions, it means that if I have to make changes to the navbars, I'll have to go to each individual page to make those changes.
I really want to show the "current" page that visitors are on, can anyone help!!!
Liolee

Hi,
sorry to bring up an old post but I am having issues with this myself and hope you can help?
I have coded my site as per your example but still no luck.
It is an .asp site. and my menu looks like this:
<ul id="nav">
    <li><a id="home" href="http://www.ampso.co.uk/index.asp"><img src="/images/nav1_gray.jpg" width="84" data-srcover="/images/nav1_full.jpg"></a></li>
    <li><a id="tech" href="http://www.ampso.co.uk/page/88/Technical.asp#.USOIoqWduS0"><img src="/images/nav4_gray.jpg" width="102" data-srcover="/images/nav4_full.jpg" class="wrap_right"></a></li>
    <li><a id="construction" href="http://www.ampso.co.uk/page/89/Construction.asp#.USOQLqWduS0"><img src="/images/nav5_gray.jpg" width="170" data-srcover="/images/nav5_full.jpg" class="wrap_right"></a></li>
    <li><a id="medical" href="http://www.ampso.co.uk/page/87/Medical.asp#.USOUeaWduS0"><img src="/images/nav3_gray.jpg" width="88" data-srcover="/images/nav3_full.jpg" class="wrap_right"></a></li>
    <li><a id="media" href="http://www.ampso.co.uk/page/90/Media.asp#.USOWQKWduS0"><img src="/images/nav6_gray.jpg" width="88" data-srcover="/images/nav6_full.jpg" class="wrap_right"></a></li>
    <li><a id="logistics" href="http://www.ampso.co.uk/page/91/Logistics.asp#.USOXdqWduS0"><img src="/images/nav7_gray.jpg" width="100" data-srcover="/images/nav7_full.jpg" class="wrap_right"></a></li>
    <li><a id="allsectors" href="http://www.paycoservices.co.uk/page/86/All-Sectors.htm"><img src="/images/nav2_gray.jpg" width="120" data-srcover="/images/nav2_full.jpg" class="wrap_right"></li>
    <li><a id="contact" href="http://www.ampso.co.uk/page/205/Welcome-to-Payco.asp#.USObtaWduS0"><img src="/images/nav9_gray.jpg" width="120" data-srcover="/images/nav9_full.jpg" class="wrap_right"></a></li>
</ul>
Now the issue arises with adding the code to the pages themselves. For example, if I go to the 'tech' page. I have no editable regions like I would with a html template (even though my main menu is in a top menu template which applies to each page) so I'm not sure exactly where to put the css code.
Currently the top section of my 'tech' page looks like this:
<%
Bodystyle = "style='background:url(/images/bg-further-technical.jpg) center 0px no-repeat;'"
%>

<div id="further-banner" style="background:url(/images/technical-icon.png) 811px 9px no-repeat; ">
<h1>Payco Technical <span>It's your industry so why not do it your way?</span></h1>
<p><b>You are here:</b>
<a href="/index.asp">Home</a> /
<a href='Payco-Technical.asp'>Payco Technical</a> /
</p>
</div>
Now do I paste the css code into here? Or would it help if you saw my whole 'tech' page so you can see the rest?
Any help would be greatly appreciated.
Thanks

Spry Menu - highlight current page in menu

If the current page is "aboutus.html" for example, can I configure Spry Menu to apply a different color or css class to the "About Us" link in the menu?
Thank you.

I added a new class with different color in CSS and refer that class in my html. I don't think the function is build in. Something like:
<a class="selectadded" href="/contactus.html">Contact Us</a>

Modifying tab control behavior

I have been toying around with a tab control trying to customize it to
suit my needs. I currently have a tab control with a transparent
background (since it is within another tab control, and I find it looks
far better without any borders or anything) that cotains 4 tabs.
I'm wondering if there's any way to change the colour of the different
tab texts, based on the selection. For instance, if you click on
tab A, which has the text "TAB A", is there any way to change the
colour of that (and only that) text? As it stands, it's somewhat
difficult to distinguish from the other tabs, since all of the tab
outlines are transparent, the text only shifts to the left a little.
I've played around with the properties, but with no success. I
feel like this probably isn't possible, but if anyone has any other
ideas of how to distinguish the text, I'm all ears (or eyes I guess).
Thanks for your help.

Two suggestions: either hide the tabs and create other buttons to handle the switching of your tabs (what I do when I want to create a more elegant interface where tabs "don't make sense") or change the FP colors of all the other pages. That way only your page will have a transparent background and it's label will stand out.
Try to take over the world!

Highlighting current page on Tab control

Similar Messages

Maybe you are looking for