Remove inactive tabs border in Tab navigator

Hi
How can i remove the border of inactive tabs in in tab navigator
Plz help

Hi,
This IS possible but hard in the incarnation of the halo tab navigator.
Check out:
http://blog.teotigraphix.com/2010/03/08/spark-navigators-viewstack-tabnavigator-accordion
Within a week I will be releasing that framework opensource (alpha) and it will allow you to easily do this since in Spark, your just creating custom layouts.
In Halo, the TabBar is like concrete, there is not a lot you can change about it's characteristics without rewritting the whole thing.
The reason you are getting the ... is that a TabBar is an HBox in disguise. I does have a modified alyout algorithm but is lays out children using the HBox algorithm.
Mike

Similar Messages

Remove Active Tab White Outline Border FF29?

Hi
I would like to remove the white outline border around the active tabs in FF29. I would like it to blend in to the background like the inactive tabs.
I have Tab mix plus and classic theme restorer installed. They do fine only would like the border transparent.
Thanks

Could you post a screen shot of what your tabs look like? It would be great if you included a shot showing at least one background tab (no outline), a hovered tab (outline with slightly colored background) and active tab. This article has suggestions: [[How do I create a screenshot of my problem?]]

How to remove a black border box that continously tabs to each field automatically till end of web page; restarts to top of page, cannot stop this box. Scroll bar cannot controlled with mouse, returns auto to top of scroll slide, never remaining at bottom

how to remove a black border box that continously tabs to each field automatically till end of web page; restarts to top of page, cannot stop this box. Scroll bar cannot be controlled with mouse, scroll bar returns automatically to the top of scroll slide every time I move the bar to the bottom of the scale. Also, there's a rectangular text box (with black background and white text) that is always on the desktop that emulates a typed text, HTML, or cmd function.

cjuan1morb4ulv wrote:
how to remove a black border box that continously tabs to each field automatically till end of web page; restarts to top of page, cannot stop this box. Scroll bar cannot be controlled with mouse, scroll bar returns automatically to the top of scroll slide every time I move the bar to the bottom of the scale. Also, there's a rectangular text box (with black background and white text) that is always on the desktop that emulates a typed text, HTML, or cmd function.
The first two problems (box cycling from element to element on page, scroll bar returning to top) can be caused by a stuck (or defective) Tab key on the keyboard. Such damage can be caused by a liquid spill; just one tiny droplet is enough to short a wafer switch under one key.
The last issue (black box, white text - sounds sorta like a debugger window) I haven't seen, but could be caused by something similar.
To check for that, try using a different keyboard. If you're using a wireless keyboard, turn it off and see if the oddities stop.

How can I remove the transparency of inactive Tabs in Firefow 30 on Windows 8.1?

In Firefox 30 in Windows 8.1, the transparency of the Tab bar is strong so that windows title bars behind it are nearly fully visible. This looks awful and at times makes hitting the right tab or the closing X very difficult. How can this be solved?
And no, I do not want to install some special theme or Addon or hack the UI's CSS if it can be avoided. I just want my browser to work out of the box.

Do you really tell me that I'd have to install an extra extenion just to be able to do what should be a basic feature (reading the titles of inactive tabs). On every single Win 8 Machine that I own or mange? No way. This is not a solution, this is barely a workaround.
To quote myself:
"And no, I do not want to install some special theme or Addon or hack the UI's CSS if it can be avoided. I just want my browser to work out of the box."

Border under inactive tab css

I've enlarged a copy of a tab by 5x nearest neighbor for clarity:
http://i.imgur.com/ONGSYT9.png
What is causing that line to be generated for an inactive tab? Is there any css to get rid of it? I would like to avoid
#TabsToolbar { margin-bottom: -1px !important; }
fix, because that just hides the issue, which will manifest itself in taboverflow/windowed mode.
Thank you.

Try to ask in this MozillaZine forum thread.
*http://forums.mozillazine.org/viewtopic.php?f=7&t=2057009

Tab navigator style

Hi experts,
i want to user background images in tab navigator ..assume that i have two tabs tab1 ans tab 2 now what i want is the following
   1.       that both the tabs to have a background image // i was unable to find a property for the same
   2.      i have taken two vbox in the tab navigator after giving the border two the v box i saw a space between the tabs and the vbox..please find the attach image it will clear the my query more..
following is the code:-
   <mx:TabNavigator borderThickness="4" borderColor="#6997AF"
                                 borderStyle="solid" verticalGap="0" tabHeight="38"
                                  tabStyleName="Selected" cornerRadius="6" tabOffset="40" tabWidth="115"
                                   horizontalGap="17" id="TbNgtr" width="328" height="461" color="0x323232">
                                       <mx:VBox verticalGap="0" borderColor="red" borderStyle="solid" label="Load Photo">
                                        <mx:Label text="TabNavigator container panel 1"/>
                                       </mx:VBox>
                                    <mx:VBox verticalGap="0" borderColor="green" borderStyle="solid" label="Design Studio">
                                        <mx:Label text="TabNavigator container panel 2"/>
                                    </mx:VBox>
                            </mx:TabNavigator>

Hi,
1. To set background image :- backgroundImage style is available for TabNavigator.
2. To remove the gap : Set horizontalGap style of the TabNavigator to 0.
3. To style selected tab: Use the selectedTabTextStyleName style property. Check the following link for an example
http://blog.flexexamples.com/2007/09/26/styling-the-flex-tabnavigator-control/

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

How to remove Competetors TAB from PCUI Opportunity create trx

Hi Group,
we are using CRM 5.0, i want to remove Competitor's TAB from PCUI Opportunity Transaction. i see a option in CRMC_BLUEPRINT_C transaction-> Application/Layout->Define layout of the people-centric UI(Customizing tool). here i went to CRMD_BUS2000111-> Version 1-> Static model-> Tabpage groups-> OPP_1: when i clicked on this i got all Tab's details. but when i tried making OPP_HD_COMP "Inactive" and hit Save that Check mark goes away. tried many times but did not help.
then i tried going to CRMC_BLUEPRINT_C transaction->Application element-> tab page group structure->OPP_1: here i dont see any entries. do i have to add all Opportunity Tab's details here or only the Competetor tab details?
Please let me know does anybody see all Tab's data here or you just enter all Tabs data manually in CRM 5.0? also how can i remove Competetors Tab? your help is appreciated and awarded.
regards,
Anu.

Hello Anu,
WHen you are in CRMC_BLUEPRINT_C transaction->Application element-> tab page group structure->OPP_1, go to edit mode and import the standard entries from CRMC_BLUEPRINT (on of the buttons on the screen).
Then, for the tab you don't want to see, just put it as inactive (if not possible, just delete the line, you can always come back to the standard by importing the S tables again).
Regards,
Frédéric

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

Tab navigator vertical gap

Hi all
I am using tab navigator control, in that i have used skins for the tabs..further i have given 4px border to the tab navigator control now the problem i am facing is that ,the tabs touches the original border of the navigator.As now the border thickness is 4 px.so the tabs should touch the 4px border thickess not the default border of 1 px thickness..due to this my tab skin touchess the default border not the new 4 px border..and because of which they are not completely visible.how can i solve this issue..is there any vertical gap property or something else..via which i can achieve this
please check the attach image which will clear you the picture

Try making adjustments in CSS using the Flex style explorer. http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html
Then apply that style to your tab nav.

How to remove Products tab

Hello everyone, need your help again:
I have a requirement to change main page to remove Products tab. My question is
Where is Products tab coded (in which file)? Can I easily remove it?
Please advise.
Thanks, Jin

Hi Jin,
I hope you are talking about left side frame where we find 2 tabs "transaction" and "Products" in B2B scenario.
There are three files involved but you have to do modification in one file only.
1.) /b2b/organizer-nav-doc-search.jsp
2.) /b2b/organizer_menu.jsp.inc
3.) /appbase/tabstrip.inc.jsp
You are going to do modification in "/appbase/tabstrip.inc.jsp"
Open "/appbase/tabstrip.inc.jsp" file.
Find below line under "inactive menu entry"
String tabItemTxt = WebUtil.translate(pageContext, tabButton.getText(), null);
write below code to remove "Products" tab.
<%-- cell with tab text --%>
        <% if (!tabItemTxt.equalsIgnoreCase("Products")) { %>   <%-- Custom IF condition start --%>
          <li class="<%=className%>">
          <a href="<%=tabButton.getLink()%>" title="<isa:translate key="access.tab.unselected" arg0="<%=tabItemTxt%>" arg1="<%=Integer.toString(index)%>" arg2="<%=strstripSize%>" arg3="" /> "
            ><isa:translate key="<%=tabButton.getText()%>" />
            </a>
        </li>
          <% } %> <%-- Custom IF condition End --%>
Build it and deploy it to your server now you will not see "Products" tab on left side.
I hope this will resolve your problem.
Cheers.
eCommerce Developer

Why data are not getting poulated in dynamically added tab in a tab navigator???

Hi All,
I am facing a very strange problem and need you expert opinion on this. Ok so the problem goes like this:
In my application i have a tab navigator where i have 2 fixed tabs say tab A and tab B. In tab B I have a data grid where All the user name are getting populated. Once the user clicks on any datagrid row i am dynamically adding a new tab based on username , so if in my datagrid u1,u2 and u3 are getting displayed then once you clik on u1 a new tab called u1 is getting displayed. Code for this goes like this:
var vbox1: VBox= new VBox();
box1.label=mydatagrid.selectedItem.uName;
var sde:* = new searchDetails();
vbox1.addChild(sde);
myTabnavigator.addChild(vBox1);
Application.application.searchdetails.displayall();
I have created a component called searchDetails where i have designed the page wit various fields for this tab.This also has a method called displayall() which is populating the data in all fields using php an my sql where i have designed the page wit various fields for this tab.
New tab is getting displayed perfectly. My problem is once the tab is getting displayed fields are not getting populated with data.
Please let me know what wrong i am doing. I am really struggling

Hmm.. you have to assign text to the labelfields on creation complete not before that, the fllow will be like this
var vbox1: VBox= new VBox();
var sde:* = new searchDetails();
vbox1.addEventListener(creationcompleteevent,function);
vbox1.addChild(sde);
myTabnavigator.addChild(vBox1);
function(e:event):void{
box1.label = "text";

Tab navigation does not show at all in FP 10 it shows in FP9

Hi,
I have module that is loaded at runtime,
it has simple tab navigation with 3 children,
in FlashPlaer 9 Debug, tab navigation shows fine, even
thought for some reason it looks like linkbar :)
also numericStepper looks like inputBox and ComboBox has no
arrow, (they all look fine in FB 3.2)
in Flash player 10 tab navigation does not show at all, is
there any obvious thing that I am missing ?
I am guessing something terribly wrong with flex styles, but
I am not overriding any styles,
my environment :
vindows Vista 64 bit (although I use jvm 32)
project is build with latest flex sdk :flex_sdk_3.3.0.4589
P.S: I cant attach image here, so I will record video
tomorrow, if that will help.
thanks in advance
Levan

bump :)
anybody , please please :)

How to open the popup with in Tab navigator working area.

Hi,
I using the customized panel to open it as popup by using popup manager in the Tab navigator . The popup should be able to move with in the tab navigator's content area. Not outside of the tab navigator's content area. How to do this? .What is the difference between opening the popup by using popup manager and add children(); which one is best?
Regards,
Thiru

It depends on your purpose. A popup displays information to the user, and it might be modal if the user should repsond to the popup before continuing, but why constrain it's movement to the space occupied by the TabNavigator.
You could, in theory, check the x and y properties of the popup position, and then compare those with the x and y of the TabNavigator view area, though you might have to do some conversion between global and local coordinates.
You might want to consider your design. Is a popup necessary? Perhaps not. If so, maybe do not consider constraining its movement as you have indicated.
If this post answers your question or helps, please mark it as such.

Applet TAB navigation not working with 1.4.1_01

I recently upgraded to Java version 1.4.1_01. Now, when I load my applets, the TAB key cannot be used for navigation until I open the Java console and then close it again. To ensure that my the threads in my specific Applet are not the problem, I came up with the following test applet:
import java.awt.BorderLayout;
import javax.swing.BoxLayout;
import javax.swing.JApplet;
import javax.swing.JPanel;
import javax.swing.JTextField;
public class TestApplet extends JApplet {
    public void init() {
        super.init();
    public void start() {
        JPanel myPanel = new JPanel();
        myPanel.setLayout(new BoxLayout(myPanel, BoxLayout.Y_AXIS));
        JTextField textField1 = new JTextField("Text Field 1");
        myPanel.add(textField1);
        JTextField textField2 = new JTextField("Text Field 2");
        myPanel.add(textField2);
        JTextField textField3 = new JTextField("Text Field 3");
        myPanel.add(textField3);
        getContentPane().add(BorderLayout.CENTER, myPanel);
    public void stop() {
        super.stop();
}To ensure that my build environment/options are not the problem, I compiled this applet as follows:
javac TestApplet.java
I then came up with the following HTML file for the applet:
<HTML>
<HEAD>
<TITLE>Test Applet</TITLE>
</HEAD>
<BODY MARGINWIDTH="0" MARGINHEIGHT="0" BGCOLOR="white">
<APPLET
CODE=TestApplet.class
WIDTH=635
HEIGHT=500
ALIGN=left
VSPACE=10
HSPACE=10
>
</APPLET>
</BODY>
</HTML>When I access this test applet, again I am not able to navigate among the text fields with the TAB key. However, if I open the Java console, close it right back up, and refresh my applet, the TAB navigation works. I've tried simply refreshing my applet (as well as a hundred other things) and have had no success.
Any help would be GREATLY appreciated.
Thanks in advance

Looks like this is related to Bug #4707289. To fix this,
I added the following lines to the above applet:
textField1.setFocusable(true);
textField2.setFocusable(true);
textField3.setFocusable(true);

Remove inactive tabs border in Tab navigator

Similar Messages

Maybe you are looking for