Tab size with JTabbedPane

I have an application that uses JTabbedPane.
When the application starts, the tabs doesn't have an icon, but as the user interacts with the GUI I set the icon to show different status of the app.
The problem is that when I set the icon, the tabs height changes to fit the icon size, with an awful effect.
The most logical solution is to reduce the icon's size so the tab doesn't have to change its height. But those icons are used on other places, and I'm trying to avoid to have duplicated icons.
There are two other solutions, but I haven't seen the way to implement them:
a) Set the height of the tabs at desing time. Is it possible? I couln't find how.
b) Tell the tab not to midify its height, even if the icon is not completely shown (yes, I prefer this). How?
Do you have any suggestion? Thanks in advance.

You dont need to have two sets of images. You can simply scale the image that you want to use for the iconI know, but I decided not to do so because I'm building just the beans, not the application or icons. I thought that modifying the icon's size at runtime could cause some loose of quality, I mean, I couldn't certify that the quality of the displayed image is enough, so I didn't want to assume that. As the tab icons are of fixed size in our applications, I prefer this approach. Am I wrong with the image quality?

Similar Messages

How to change tab size on Jtabbedpane?

Hi,guys,
I want to set an icon on each tab,so my code is as follows:
ImageIcon projectIcon= createImageIcon("bleumbuddy/workorder-tab2-active.gif");
jTabbedPane1.addTab("",projectIcon,jPanel7);
But the tab size is bigger than the img's size,How can I change it to the same as the image?
thanx a lot .
Best Regards
Dragon

Hi,guys,
I want to set an icon on each tab,so my code is as follows:
ImageIcon projectIcon= createImageIcon("bleumbuddy/workorder-tab2-active.gif");
jTabbedPane1.addTab("",projectIcon,jPanel7);
But the tab size is bigger than the img's size,How can I change it to the same as the image?
thanx a lot .
Best Regards
Dragon

Swing Odd Button , Label , Tab sizes with JRE1.4.1

Hi,
In some machines with Windows 2000 Professional Service Pack 3, we
are observing the following problem:
The Swing components become too large and the GUI looks disfigured.
We are able to reproduce with in only one system with the following
display driver configuration: nvidia vanta
Has someone came across this problem ?
It does not happen with 1.3.1 in the same machine.
Any help will be appreciated.
Thanks,
Karthik

We're having similar problem on one of the machine with Windows 2000 SP5. Did you find out what the problem was and how to fix it?
Thanks,
Kiran

JTabbedPane selected tab size

Hello everybody;
I've created a JTabbedPane with JLabel on each tab and i want that the selected one size be larger than the other tabs.
The problem is that if I increase the size of the selected tab, all the others (inselected tabs) do so (they take the same size as the selected one) which is normal.
My need is to change this default behavior in order to fix the inselected tab size and increase the selected one to appear bigger
Thank you for your help

Hello,
- JDK 6
- MetalLookAndFeel
- JTabbedPane#getTabPlacement()==TOP
- Selected tab "width" only grow
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class SelectedTabSizeTest{
private static void addTab(JTabbedPane t, String title, Component c) {
    t.addTab(title, c);
    JLabel label = new JLabel(title, SwingConstants.CENTER);
    t.setTabComponentAt(t.getTabCount()-1, label);
public JComponent makeUI() {
    JTabbedPane t = new JTabbedPane() {
      private void initTabWidth() {
        int tabCount = getTabCount();
        if(tabCount==0) return;
        int bigger   = 50;
        int tabWidth = 30;
        int si = getSelectedIndex();
        for(int i=0;i<tabCount;i++) {
          JLabel l = (JLabel)getTabComponentAt(i);
          if(l==null) continue;
          int w = tabWidth+(si==i?bigger:0);
          int h = l.getPreferredSize().height;
          l.setPreferredSize(new Dimension(w, h));
      @Override public synchronized void repaint() {
        initTabWidth();
        super.repaint();
    t.setTabLayoutPolicy(JTabbedPane.SCROLL_TAB_LAYOUT);
    addTab(t, "JTree",      new JScrollPane(new JTree()));
    addTab(t, "JTextArea", new JScrollPane(new JTextArea("aaaa")));
    addTab(t, "Preference", new JScrollPane(new JTree()));
    addTab(t, "Help",       new JScrollPane(new JTextArea("bbbbbb")));
    t.setPreferredSize(new Dimension(320, 200));
    return t;
public static void main(String[] args) {
    EventQueue.invokeLater(new Runnable() {
      public void run() { createAndShowGUI(); }
public static void createAndShowGUI() {
    JFrame f = new JFrame();
    f.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    f.getContentPane().add(new SelectedTabSizeTest().makeUI());
    f.pack();
    f.setLocationRelativeTo(null);
    f.setVisible(true);
}

JTabbedPane Tab Size & Spacing

I have set up a JTabbedPane and have put icons in instead of text for the tabs, the icons I've designed are supposed to take the place of the tab look, I already have the tabs transparent. I was wondering if anyone could help me with tab size and tab spacing because my custom tabs are WAY too far apart. Thanks in advance.

I figured it out, I made a custom UI class that extends BasicTabbedUI and set the constraints that I desired.

Increasing the tab size in a JTabbedPane

Hi;
Is there any way i can increase the size of the Tabs in the JTabbedPane. Also i have to increase the size of the Tab Titles.
Thanks
Adi

there are a few UI defaults you can play with..
TabbedPane.tabAreaInsets
: javax.swing.plaf.InsetsUIResource[top=4,left=2,bottom=0,right=6]
also,
"TabbedPane.tabInsets"
"TabbedPane.contentBorderInsets"
"TabbedPane.textIconGap"
"TabbedPane.selectedTabPadInsets"
"TabbedPane.tabRunOverlay"
I remember once changing one of those to get really big tab tiles.

How can I get a tab to open in an oversize jpg image in its original size with scroll bars when I click on a link?

I have a small program for storing my genealogy names and jpg images of the census pages where each name is found. The images have a thumbnail link that opens in a new tab to view the actual oversized census page. In the new tab the census page is small and not readable. How do I get the jpg image to appear in its original size with schroll bars so I can read the census in the firefox browser without using the zoom feature. It takes several clicks on the zoom to get the image to a readable size and that is time consuming, especially when I have several images opened.

That works, thank you!
Could I suggest that this feature (the ability to turn off or turn on the auto-resize of images) be part of the Options tab on Firefox? I think it's a setting that some users might want to change fairly often--even toggle back and forth on. It's a little annoying to have to go into about:config every time to do this.

Fix tab title size in JTabbedPane

Now, each tab in my JTabbedPane occupies the whole row because the title is too long. Is there any way to set each tab title size to be preferred fixed size in JTabbedPane? (I can use the tooltip to show the whole string. )
Thanks.

Swing related questions should be posted in the Swing forum.
You will probably need to write your own UI. The TabbedPaneUI has a getTabBounds method you could probably override.
Otherwise just set the tab text manually to be a certain number of characters. You can store the full text in a variable that is referenced by your tool tip logic.

How can control tab(lenght, width) size in JTabbedPane plz ??

hi,
i want to put icon t in tab of tabbedpane .. but that tab size is larger than that icon size .. i want that size of tab should exact size of icon how can i do this plz

Never tried it but you may be able to change it for your entire application by using:
UIManager.put("TabbedPane.tabAreaInsets", new InsetsUIResource(4, 2, 0,6);
Or you might be able to extend MetalTabbedPaneUI and override getTabAreaInsets(...) if you only need this for a single tabbed pane.

Strangeness Using HTML with JTabbedPane

I'm getting some weird behavior when using html format for a JTabbedPane. It seems when I create tabs using HTML, it works fine, but when I subsequently try to change the tab title using JTabbedPane.setTitleAt(), the title doesn't change. The title doesn't change only when I create it with html. If I use "normal" text, the title changes fine.
I imagine JTabbedPane has a problem with html. I am using version 1.3 and compiling with JBuilder. Below is an example of my program. Uncomment mentioned lines to see it react strangely.
Any help would be appreciated.
-joel
package junk;
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class BugExample extends JFrame {
BugExample() {
super( "Bug Example" );
JTabbedPane tabs = new JTabbedPane();
JPanel aPan= new JPanel();
//html for tab index 0
tabs.addTab("<html><center><font face=\"Dialog\" size = -1><b>Rate 1: " +
"<font color=#008040>5.6%</b></font></font></center></html>", new JPanel());
//"Normal" text for tab index 0. If I use this, then the setTitleAt works
// properly. To try this, make sure the previous addTab() is commented out
// tabs.addTab("Rate 1:5.7%", new JPanel());
//html for tab index 1
tabs.addTab("<html><center><font face=\"Dialog\" size = -1><b>Rate 2: " +
"<font color=#008040>9.2%</b></font></font></center></html>", new JPanel());
getContentPane().add(tabs);
//Uncomment next line and run again using the html style addTab() for index 0.
// I would think the tab at index 0 would show this new text
// In fact, it will if I do not use html for index 1.
// tabs.setTitleAt(0, "Rate it again");
setSize( 400, 220 );
public static void main(String[] args) {
BugExample frame = new BugExample();
frame.addWindowListener( new WindowAdapter() {
public void windowClosing( WindowEvent e ) {
System.exit(0);
System.err.println("Starting");
frame.setVisible(true);

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class BugExample extends JFrame {
BugExample() {
super( "Bug Example" );
JTabbedPane tabs = new JTabbedPane();
JPanel aPan= new JPanel();
//html for tab index 0
tabs.addTab("<html><center><font face=\"Dialog\" size = -1><b>Rate 1: <font color=#008040>5.6%</b></font></font></center></html>", new JPanel());
//"Normal" text for tab index 0. If I use this, then the setTitleAt works
// properly. To try this, make sure the previous addTab() is commented out
// tabs.addTab("Rate 1:5.7%", new JPanel());
//html for tab index 1
tabs.addTab("<html><center><font face=\"Dialog\" size = -1><b>Rate 2: <font color=#008040>9.2%</b></font></font></center></html>", new JPanel());
getContentPane().add(tabs);
//Uncomment next line and run again using the html style addTab() for index 0.
// I would think the tab at index 0 would show this new text
// In fact, it will if I do not use html for index 1.
tabs.setTitleAt(0, "Rate it again");
setSize( 400, 220 );
public static void main(String[] args) {
BugExample frame = new BugExample();
frame.addWindowListener( new WindowAdapter() {
public void windowClosing( WindowEvent e ) {
System.exit(0);
System.err.println("Starting");
frame.setVisible(true);

Only the first page is printed reduced as setup. All pages afterward are full size with information cut off. Recent problem. Can print from Safari just fine. How can I get all pages to be reduced size?

Question
Printing internet pages
Reduced print size
Only the first page is reduced and printed as desired
All pages after the first page are full size with information cut off
Recent problem never seen before
Can print from Safari and other software just fine
How can I get all pages to be reduced size?

One suggestion worked from the Firefox prints incorrectly link mentioned above by mha007. I'm thrilled since this has been annoying me for weeks. Thanks mha007!
Reset all Firefox printer settings
# Open your profile folder:
# On the menu bar, click on the Help menu and select Troubleshooting Information. The Troubleshooting Information tab will open.
# Under the Application Basics section, click on Show in Finder. A window with your profile folder will open.
# Note: If you are unable to open or use Firefox, follow the instructions in Finding your profile without opening Firefox.
# On the menu bar, click on the Firefox menu and select Quit Firefox.
# In your profile folder, copy the prefs.js file to another folder to make a backup of it.
# Open the original prefs.js file in a text editor (such as TextEdit).
# Remove all lines in prefs.js that start with print. and save the file.
# If something goes wrong when you open Firefox, close it again and overwrite prefs.js with the backup you made.

Unicode font usage with jTabbedPane

Hey there
I faced a problem when I use Unicode characters on JTabbedPane
the font is amharic power geez unicode1 and it works fine with jLabel and partially with jButtons ( except trying to set text at run time )
The problem with jTabbedpane is that when I change its tab title property the other tabs disappear ( am using netbeans 5.5 )

To me, it looks as if your problem is that you're only calling setFont on "this".
That's only going to set it for the top level frame, and doesn't always do it for every individual component. The easy way to get around this is to go berserk with the setFont call. Set it on anything (heck, set it on your dog if it makes you feel any better)! ;D
The slightly harder but smarter way to do this is to write a recursive function that drills down your component list.
public void setFontRecursively(Font myFont, Component comp) {
   comp.setFont(myFont);
   if (comp instanceof Container) {
      Component[] childComps = ((Container)comp).getComponents();
      if (childComps != null) {
         for (int i=0; i < childComps.length; i++) {
            setFontRecursively(myFont, childComps);
That should basically cover anything bar popup menus and drop-down submenus. You have to recall this as they appear, or they don't get the font straight off.
Hope that helps!
Martin Hughes

Exception with JTabbedPane

In my project, I build a dialog box. I build a JTabbedPane within. Each tab is a panel with JChecxBox. When I add my first panel using the method addTab() no problem, with my second panel still no problem. When I try adding a third, an exception occurs: java.lang.ArrayIndexOutOfBoundsException: 2>1
I have also used the method printStackTrace to know what's going on:
java.lang.ArrayIndexOutOfBoundsException: 2 > 1
     at java.util.Vector.insertElementAt(Vector.java:551)
     at javax.swing.JTabbedPane.insertTab(JTabbedPane.java:441)
     at javax.swing.JTabbedPane.addTab(JTabbedPane.java:512)
     at myprojects.hopital.Cl�sComp.<init>(Cl�sComp.java:113)
     at myprojects.hopital.Hopital$1$MenuAction.actionPerformed(Hopital.java:72)
     at javax.swing.AbstractButton.fireActionPerformed(AbstractButton.java:1450)
     at javax.swing.AbstractButton$ForwardActionEvents.actionPerformed(AbstractButton.java:1504)
     at javax.swing.DefaultButtonModel.fireActionPerformed(DefaultButtonModel.java:378)
     at javax.swing.DefaultButtonModel.setPressed(DefaultButtonModel.java:250)
     at javax.swing.AbstractButton.doClick(AbstractButton.java:279)
     at javax.swing.plaf.basic.BasicMenuItemUI$MouseInputHandler.mouseReleased(BasicMenuItemUI.java:886)
     at java.awt.Component.processMouseEvent(Component.java:3717)
     at java.awt.Component.processEvent(Component.java:3546)
     at java.awt.Container.processEvent(Container.java:1164)
     at java.awt.Component.dispatchEventImpl(Component.java:2595)
     at java.awt.Container.dispatchEventImpl(Container.java:1213)
     at java.awt.Component.dispatchEvent(Component.java:2499)
     at java.awt.LightweightDispatcher.retargetMouseEvent(Container.java:2451)
     at java.awt.LightweightDispatcher.processMouseEvent(Container.java:2216)
     at java.awt.LightweightDispatcher.dispatchEvent(Container.java:2125)
     at java.awt.Container.dispatchEventImpl(Container.java:1200)
     at java.awt.Window.dispatchEventImpl(Window.java:912)
     at java.awt.Component.dispatchEvent(Component.java:2499)
     at java.awt.EventQueue.dispatchEvent(EventQueue.java:319)
     at java.awt.EventDispatchThread.pumpOneEvent(EventDispatchThread.java:103)
     at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:93)
     at java.awt.EventDispatchThread.run(EventDispatchThread.java:84)
It seems that addTab call insertTab calling himself insertElementAt which throw this exception? I don't understand what's going on. Here my code for my DialogBox:
package myprojects.hopital;
import java.io.*;
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import javax.swing.text.*;
import java.util.*;
//import java.lang.*;
public class Cl�sComp extends JDialog {
     Comparateur[] cl�s;
     int nbCl�s;
     boolean ok;
     JCheckBox jcbAdd;
     JCheckBox jcbMoy;
     JCheckBox jcbM�d;
     JCheckBox jcbEct;
     JCheckBox jcbSamj;
     JCheckBox jcbAll;
     JCheckBox jcbProv;
     JCheckBox jcbTadm;
     JCheckBox jcbTpat;
     JCheckBox jcbAmoy;
     JCheckBox jcbAmed;
     JCheckBox jcbAect;
     JCheckBox jcbVobsinf;
     public Cl�sComp(){
          super((JFrame)null,"Choix des cl�s de comparaisons",true);
          Container contentPane=getContentPane();
          //setLayout(new GridBagLayout());
          nbCl�s=0;
          cl�s=new Comparateur[10];
          class ButtonAction implements ActionListener
               public void actionPerformed(ActionEvent e) {
                    String commande;
                    commande=e.getActionCommand();
                    if (commande.compareTo("Cancel")==0){
                         hide();
                    if (commande.compareTo("OK")==0){
                         if (jcbAdd.isSelected()) {
                              Comparateur c=new Comparateur(1);
                              addCl�(c);
                              ok=true;
                         if (jcbMoy.isSelected()) {
                              Comparateur c=new CompMoy(0);
                              addCl�(c);
                              ok=true;
                         if (jcbM�d.isSelected()) {
                              Comparateur c=new CompMed(0);
                              addCl�(c);
                              ok=true;
                         if (jcbEct.isSelected()) {
                              Comparateur c=new CompET(0);
                              addCl�(c);
                              ok=true;
                         if (jcbSamj.isSelected()) {
                              Comparateur c=new CompSAMJ(0);
                              addCl�(c);
                              ok=true;
                         hide();
          JTabbedPane jtpMisc=new JTabbedPane();
          JPanel jpCheckBox=new JPanel(new GridLayout(2,2));
          jcbAdd=new JCheckBox("Nombre");
          jcbMoy=new JCheckBox("Moyenne");
          jcbM�d=new JCheckBox("M�diane");
          jcbEct=new JCheckBox("Ecart-type");
          jcbSamj=new JCheckBox("Sapi activit� moyenne");
          jcbAll=new JCheckBox("Tout");
          jcbProv=new JCheckBox("Provenance");
          jcbTadm=new JCheckBox("Type d'admission");
          jcbTpat=new JCheckBox("Type de pathologie");
          jcbAmoy=new JCheckBox("Moyenne");
          jcbAmed=new JCheckBox("M�diane");
          jcbAect=new JCheckBox("Ecart-Type");
          jpCheckBox.add(jcbAdd);
          jpCheckBox.add(jcbMoy);
          jpCheckBox.add(jcbM�d);
          jpCheckBox.add(jcbEct);
          jpCheckBox.add(jcbSamj);
          jtpMisc.addTab("Divers",null,jpCheckBox,"C'est compl�tement foireux");
          jtpMisc.setSelectedIndex(0);
          JPanel jpParamPhys=new JPanel();
          jcbVobsinf=new JCheckBox("Valeur obs. inf.");
          jpParamPhys.add(jcbVobsinf);
          jtpMisc.addTab("Param�tres physiologiques",jpParamPhys);
          JPanel jpActivit�s=new JPanel();
          jpActivit�s.add(jcbProv);
          JPanel jpSapiSev=new JPanel();
          jpSapiSev.add(jcbTpat);
          JPanel jpSapiAct=new JPanel();
          jpSapiAct.add(jcbTadm);
try{     jtpMisc.addTab("Activit�s",jpParamPhys);
     //     jtpMisc.addTab("SAPI-SEVERITE",jpParamPhys);
     //     jtpMisc.addTab("SAPI-ACTIVITE",jpParamPhys);
     catch(Exception e){
          System.out.println(e.toString());
          System.out.println(e.getMessage());
          System.out.println(e.getLocalizedMessage());
          try{e.printStackTrace(new PrintStream(new FileOutputStream("c:\\Beno�t\\error.txt")));}
          catch(Exception exc){System.out.println("Encore une exception, putain");}
          ButtonAction bAction=new ButtonAction();
          JPanel jpButton=new JPanel(new GridLayout(1,2));
          JButton jbOk=new JButton("OK");
          JButton jbCancel=new JButton("Cancel");
          jpButton.add(jbOk);
          jpButton.add(jbCancel);
          jbCancel.addActionListener(bAction);
          jbOk.addActionListener(bAction);
          contentPane.add(jpButton,BorderLayout.SOUTH);
          contentPane.add(jtpMisc,BorderLayout.CENTER);
     //     contentPane.add(jpCheckBox,BorderLayout.CENTER);
          setSize(500,400);
          setLocation(200,150);
     public Comparateur getCl�(int index){
          return cl�s[index];
     public boolean ok(){
          return ok;
     public int getNbCl�s(){
          return nbCl�s;
     public void addCl�(Comparateur c){
          nbCl�s++;
          cl�s[nbCl�s-1]=c;
}

Conceptually wrong.
Hints: every tab in a JTabbedPane is a JPanel in fact.

Using Srpy tabbed panels with slidding panels

I am very new to spry and so I am still just figuring it all
out. How I found it was I wanted a tabbed panel like the one on the
IBM website. Anyway, I am trying to
use the tabbed panels with the sliding panels and it just does not
seem to be working. I found
this
tutorial and followed the codes but it still only works as just the
tabbed panels - nothing has changed at all. Can someone tell me
what I might be doing wrong? I am attaching both my html and css
code for you to inspect.
HTML Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<script
src="file://///172.16.10.251/users$/kduverna/Desktop/SpryAssets/SpryTabbedPanels.js"
type="text/javascript"></script>
<link
href="file://///172.16.10.251/users$/kduverna/Desktop/SpryAssets/SpryTabbedPanels.css"
rel="stylesheet" type="text/css" />
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0"><a
href=”#Tab1″>Tab 1</a></li>
<li class="TabbedPanelsTab" tabindex="0"><a
href=”#Tab1″>Tab 2</a></li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Content 1</div>
<div class="TabbedPanelsContent">Content 2</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
css code to follow in post below - too many characters.

and here is the css code
CSS Code
@charset "UTF-8";
/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
/* Horizontal Tabbed Panels
* The default style for a TabbedPanels widget places all tab
buttons
* (left aligned) above the content panel.
/* This is the selector for the main TabbedPanels container.
For our
* default style, this container does not contribute anything
visually,
* but it is floated left to make sure that any floating or
clearing done
* with any of its child elements are contained completely
within the
* TabbedPanels container, to minimize any impact or
undesireable
* interaction with other floated elements on the page that
may be used
* for layout.
* If you want to constrain the width of the TabbedPanels
widget, set a
* width on the TabbedPanels container. By default, the
TabbedPanels widget
* expands horizontally to fill up available space.
* The name of the class ("TabbedPanels") used in this
selector is not
* necessary to make the widget function. You can use any
class name you
* want to style the TabbedPanels container.
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded
by a paragraph. (hasLayout Bug)*/
/* This is the selector for the TabGroup. The TabGroup
container houses
* all of the tab buttons for each tabbed panel in the
widget. This container
* does not contribute anything visually to the look of the
widget for our
* default style.
* The name of the class ("TabbedPanelsTabGroup") used in
this selector is not
* necessary to make the widget function. You can use any
class name you
* want to style the TabGroup container.
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
/* This is the selector for the TabbedPanelsTab. This
container houses
* the title for the panel. This is also the tab "button"
that the user clicks
* on to activate the corresponding content panel so that it
appears on top
* of the other tabbed panels contained in the widget.
* For our default style, each tab is positioned relatively 1
pixel down from
* where it wold normally render. This allows each tab to
overlap the content
* panel that renders below it. Each tab is rendered with a 1
pixel bottom
* border that has a color that matches the top border of the
current content
* panel. This gives the appearance that the tab is being
drawn behind the
* content panel.
* The name of the class ("TabbedPanelsTab") used in this
selector is not
* necessary to make the widget function. You can use any
class name you want
* to style this tab container.
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background-color: #DDD;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
/* This selector is an example of how to change the appearnce
of a tab button
* container as the mouse enters it. The class
"TabbedPanelsTabHover" is
* programatically added and removed from the tab element as
the mouse enters
* and exits the container.
.TabbedPanelsTabHover {
background-color: #CCC;
/* This selector is an example of how to change the
appearance of a tab button
* container after the user has clicked on it to activate a
content panel.
* The class "TabbedPanelsTabSelected" is programatically
added and removed
* from the tab element as the user clicks on the tab button
containers in
* the widget.
* As mentioned above, for our default style, tab buttons are
positioned
* 1 pixel down from where it would normally render. When the
tab button is
* selected, we change its bottom border to match the
background color of the
* content panel so that it looks like the tab is part of the
content panel.
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #EEE;
/* This selector is an example of how to make a link inside
of a tab button
* look like normal text. Users may want to use links inside
of a tab button
* so that when it gets focus, the text *inside* the tab
button gets a focus
* ring around it, instead of the focus ring around the
entire tab.
.TabbedPanelsTab a {
color: black;
text-decoration: none;
/* This is the selector for the ContentGroup. The
ContentGroup container houses
* all of the content panels for each tabbed panel in the
widget. For our
* default style, this container provides the background
color and borders that
* surround the content.
* The name of the class ("TabbedPanelsContentGroup") used in
this selector is
* not necessary to make the widget function. You can use any
class name you
* want to style the ContentGroup container.
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #EEE;
/* This is the selector for the Content panel. The Content
panel holds the
* content for a single tabbed panel. For our default style,
this container
* provides some padding, so that the content is not pushed
up against the
* widget borders.
* The name of the class ("TabbedPanelsContent") used in this
selector is
* not necessary to make the widget function. You can use any
class name you
* want to style the Content container.
.TabbedPanelsContent {
padding: 4px;
/* This selector is an example of how to change the appearnce
of the currently
* active container panel. The class
"TabbedPanelsContentVisible" is
* programatically added and removed from the content element
as the panel
* is activated/deactivated.
.TabbedPanelsContentVisible {
/* Vertical Tabbed Panels
* The following rules override some of the default rules
above so that the
* TabbedPanels widget renders with its tab buttons along the
left side of
* the currently active content panel.
* With the rules defined below, the only change that will
have to be made
* to switch a horizontal tabbed panels widget to a vertical
tabbed panels
* widget, is to use the "VTabbedPanels" class on the
top-level widget
* container element, instead of "TabbedPanels".
/* This selector floats the TabGroup so that the tab buttons
it contains
* render to the left of the active content panel. A border
is drawn around
* the group container to make it look like a list container.
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
/* This selector disables the float property that is placed
on each tab button
* by the default TabbedPanelsTab selector rule above. It
also draws a bottom
* border for the tab. The tab button will get its left and
right border from
* the TabGroup, and its top border from the TabGroup or tab
button above it.
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
/* This selector disables the float property that is placed
on each tab button
* by the default TabbedPanelsTab selector rule above. It
also draws a bottom
* border for the tab. The tab button will get its left and
right border from
* the TabGroup, and its top border from the TabGroup or tab
button above it.
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
/* This selector floats the content panels for the widget so
that they
* render to the right of the tabbed buttons.
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
/* BEGIN: Spry Horizontal Tabbed Panels meets Sliding Door
and CSS Sprites */
/* Revision by Craig Malcolm Petrou of CPMMUG.com */
.TabbedPanels {
margin: 10px 0 5px 0;
.TabbedPanelsTab {
font-weight: bold;
font-size: 100%;
background-color: #FFF;
border: solid 0 #FFF;
.TabbedPanelsTabHover {
background-color: #FFF;
.TabbedPanelsTabSelected {
background-color: #FFF;
border-bottom: 1px solid #FFF;
position: relative;
.TabbedPanelsContentGroup {
background-color: #FFF;
ul.TabbedPanelsTabGroup a {
display: block;
ul.TabbedPanelsTabGroup li.TabbedPanelsTab {
background: url(/images/brown.png) no-repeat 0 0;
margin: 0 0 0 -1px;
padding: 0 0 0 10px;
ul.TabbedPanelsTabGroup li.TabbedPanelsTab a {
background: url(/images/brown.png) no-repeat 100% 0;
padding: 7px 10px 5px 0;
ul.TabbedPanelsTabGroup li.TabbedPanelsTabSelected {
background: url(/images/brown.png) no-repeat 0 -41px;
ul.TabbedPanelsTabGroup li.TabbedPanelsTabSelected a {
background: url(/images/brown.png) no-repeat 100% -41px;
/* END: Spry Horizontal Tabbed Panels meets Sliding Door and
CSS Sprites */
Also - is there a way to get rounded corners on the tabs in
spry? Any good tutorials I can follow about spry - more
specifically about using widgets and effects together.
Thanks so much

Set indention / tab size in Oracle SQL Developer

I've been poking around for an hour. Can't figure this out.
Where, either on the app's UI or in the "product-preferences.xml" file, can I change SQL Developer's indention (tab) size to 3? My organization uses PowerBuilder, and when I copy+paste our PB SQL (which uses leading tabs) into Oracle SQL Developer, it looks like crap. It would really help if I could change the code editor to a tab size equivalent to three spaces.
And no, we can’t use spaces. :-)
Thanks!
(maybe SQL Developer 2 could have a tab size field in “Preferences”)

In 1.5.x, it's under Preferences - Database - SQL Formatter - Alignment and Indentation .
However, at least in the current 1.5.3, a bug ignores the tab preferences completely, so you're stuck with the 2 spaces. If you can't wait until this gets fixed (with luck in the upcoming 1.5.4 or else maybe by 2.0), revert to an earlier version.
Regards,
K.

Tab size with JTabbedPane

Similar Messages

Maybe you are looking for