Tab widget inside another tab widget

Hi,
Is it possible to do the following?
I want to create a vertical tab widget (no prob). But on each
of the tab 'pages' I want to add a horizontal tab widget.
Thanks,
Donal

Sure why not, if u have your constructors, and ids correct, i
dont see any problem in it.

Similar Messages

Tab page inside another tab page

I have a requirement to create a tab page inside another tab page.is it possible?
if possible pls give me the solution...............

iTs possible. Place both tab-canvases on their respective content-canvas on the the correct positions. Then, in the WHEn-TAb-PAGE-CHANGED-trigger, make the second tab visile or invisble, using SHOW_VIEW or HIDE_VIEW.

Creating tab canvas inside another tab canvas

pleas help me solving the issue...
I want controlling code such that i can create tabpage canvas into another one.
second tab page of first tab canvas it should be visible.
regards
jai

As long as i know something like this is not possible.
But you can emulate it this way (for this example i will assume that you want the smaller tab-canvas placed on the second page of the bigger tab-canvas) :
1. create a tab-canvas
2. create a stacked-canvas with bevel=none
3. create a new tab-canvas and place it on your stacked-canvas
4. make the stacked-canvas invisible
5. through the trigger WHEN-TAB-PAGE-CHANGED make your stacked-canvas visible whenever you are on page 2 and invisible whenever you are on another page.
6. adjust the coordinates of your stacked-canvas so it will appear right above the bigger tab-canvas
Good luck with this
Markus

Tab canvas inside a tab canvas

Anyone knows how to put a tab canvas inside a tab canvas.
thanks.

I did a little test and it works (it'll only take you 3 min)
Create a new Form.
Add 3 Canvases 1 Content and 2 Tab with the following Properties
Content
Vieport X Position on Canvas: 0
Vieport Y Position on Canvas: 0
Width: 540
Height: 324
Master Tabs
Vieport X: 35
Vieport Y: 20
Vieport Width: 460
Vieport Heigth: 280
Detail Tabs
Vieport X: 150
Vieport Y: 95
Vieport Width: 260
Vieport Heigth: 160
Then go to Layout editor and while viewing the Content Canvas go to the menu View -> Stacked View...
From there select both tab canvases to be shown.
Also add a dummy item (i.e a button )somewhere in the form otherwise nothing will appear when you run the form.

Forms 9i tab pages inside a tab page

hi,
i m using forms 9i, is it possible to set a tab page inside a tab page
ie i have a master tab page called 'Office' and i have to add two tab pages
called 'excel', 'word' as the sub of this main tab..is it possible.......?
if yes how ?
thanks in advance
KK

You can create the illusion of this though using stacked and tabbed canvases. Make the main tab small so that it only displays the labels and then display the other stacked or tabbed canvases dependent upon which tab the user selects. We've done something similar to this and it works pretty well.

Problem with Accordion Widget INSIDE Sliding Panel Widget

Hello,
perhaps I should not do this, but I nested an Accordion
Widget inside a Sliding Panels Widget:
- There are eight Panels.
- Each one contains a complete Accordion.
The sliding works fine, and so does the Accordion animation,
but the text inside the Accordion Panel Tabs won't move along, when
a tab is activated. I need to hover the mouse over the accordion to
make the panel texts appear again.
Of course, when I un-nest the widgets and move the Accordion
widget out of the Sliding Panel widget, everything is fine.
My question is:
- am I demanding "too much" by nesting the widgets?
- or should this basically work, and the problem arises from
rivalling scripts?
Here is a link:
Nested
widgets Test
The horizontal top menu will activate the sliding panels, but
as of now only the leftmost menu item contains an Accordion (I know
the CSS does not look nice yet).
Is there anything I can optimise to get this to work?
Thank you so much,
Greetings, Jensen
Edit: The problem does NOT occur in Firefox, but in
Safari.

Hi John,
That is the expected behavior if the "Overlap items below" is unchecked. Please refer to the following link http://screencasteu.worldsecuresystems.com/aish/2013-08-21_1947.png. If you don't want the page to wiggle up and down, please check the box shown in the screenshot.
Regards,
Aish

Tab control in another tab control

Hi,
How to place tab control in a another tabcontrol
Regards ,uday

Hi Uday,
Check this thread... Adding Folder tab inside another Folder tab
Actually there is a SAP Note which will explain with sample code u need to dowlnoad it from SAP Portal.
Vasu Natari.

JTabbedPane, how can a tab switch to another tab?

I have a JTabbedPane with a few tabs. Each tab consists of a class extending JPanel. If a certain action is performed on on of the tabs, the view should switch to another tab. How can this be done? I know about the method setSelectedComponent in the JTabbedPane class. But since the tab doesn't know about this, how can I use it?

Actually, the solution was dead simple. All I had to do was give the constructor of the class/tab a reference to the JTabbedPanel instance so it can call setSelectedIndex on it.
It works now, thanks anyway.

Message of Tab A ( save message) ,appear in Tab B( in another tab)

when i add some attribute in tab ( A )and without saving , if i changed to another tab ( B ), then , the save message dialog box appears in tab B, it has to appear in tab A, then after user confirmation, tab has to changed... bt, in my application as the save message appears, tab is also changed.....
My code is sucessfully implemented in Jre 1.5 bt when i swithed to 1.6, it produce this bug..
and also pls tell me
whether the behaviour of JOptionPane is changed from Jre 1.5 to Jre 1.6..
because.. while doing debugging.in 1.6 for JOptionpane.showconfirmdialog, or optiondialog
..the application goes into a loop,(when resumed, the message appears but tab also changed ),
which is not happed with Jre 1.5
pls help me

Hi,
You can try making the Date Field in Item Details and Requisitioner as Mandatory if it serves your purpose for the situation - I .
Please check the following :
SPRO>IMG>MM>Purchasing>Purchase Requisition>
Click on Define Screen Layout at Document Level
Highlight the Document Type
Go to Details and click on Deadline Monitoring
Check the Date as Required Entry for Requisition, Delivery & Release Date.
( The user will need to Enter Release Date Manually)
Similarly this can be maintained for RFQ and PO as well.
This will give you the Tracking of the Processing Time with respective dates.
Hope this helps,
Best regards
Amit Bakshi.

Can you use a presentation widget inside a tab panel widget?

http://www.armourcompanies.com/horse-stall-packages
When I placed these, they initially looked fine but now the first menu/button is black?

Hi,
Are you referring to the Home button or the Sliding Door button ?
Any ways both are looking good to me. Can you share a screen shot of what you see..??
Regards,
Abhishek Maurya

Tabbed Pannel inside a tabbed panel..

Any one able to get this to work, it renders OK, but the tabbes are not clickcable...
http://video360-node2.world-television.com/CCOH/concept_v2.html?siteID=SmWpHNYUbcA%3d&stor yID=129&Language=en-GB&Asset=2059#2044
Click on the preview button on the assets below to see the red tabbed pannel not working..
Please Help?
Thanks

I was working on a solution for your first post, then I saw your second post with a completely different tabbed panel.
Because I wasn't sure which way you wanted to go, I thought I would continue with the second option.
Try the following taking special not of the red coloured modifications
<div id="TabbedPanels2">
<h2>Tab 1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien lacus, porttitor vitae pretium eget, sodales sed libero. Maecenas non urna lacus, ac sollicitudin justo. Ut erat mi, hendrerit ac accumsan ac, congue eu dui. Pellentesque consectetur condimentum elit, et eleifend urna porta id. Phasellus blandit ullamcorper dignissim. In rutrum, ante non congue fermentum, metus odio bibendum elit, ut congue sapien arcu ac justo. Vivamus sit amet erat nibh, quis dignissim libero. Pellentesque in sapien felis, et volutpat eros. Maecenas adipiscing, eros sit amet placerat cursus, arcu lacus consectetur lectus, non ultricies neque urna laoreet purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
<h2>Tab 2</h2>
<p>
</p>
<div id="TabbedPanels2_2">
    <h3>Tab 1</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien lacus, porttitor vitae pretium eget, sodales sed libero. Maecenas non urna lacus, ac sollicitudin justo. Ut erat mi, hendrerit ac accumsan ac, congue eu dui. Pellentesque consectetur condimentum elit, et eleifend urna porta id. Phasellus blandit ullamcorper dignissim. In rutrum, ante non congue fermentum, metus odio bibendum elit, ut congue sapien arcu ac justo. Vivamus sit amet erat nibh, quis dignissim libero. Pellentesque in sapien felis, et volutpat eros. Maecenas adipiscing, eros sit amet placerat cursus, arcu lacus consectetur lectus, non ultricies neque urna laoreet purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
    <h3>Tab 2</h3>
    <p>Nulla facilisi. Vestibulum ipsum elit, tincidunt sed tristique sit amet, faucibus in orci. Nunc sit amet elit lorem. Sed eget arcu ipsum, pharetra ullamcorper lectus. Sed ac diam ac tortor mattis mollis. Etiam mattis felis vel augue tempus in rhoncus ligula elementum. Vestibulum ut iaculis risus. Aliquam erat sem, feugiat vel laoreet in, lobortis non mauris. Vestibulum neque nibh, vehicula eleifend tincidunt sed, bibendum id dolor. Pellentesque quis libero nec orci porttitor faucibus vitae in velit. Pellentesque dignissim sem ut justo interdum id egestas tellus fringilla. Vestibulum tempor, turpis eget dignissim luctus, est erat ultricies turpis, non tempus massa elit in nulla. Sed eu arcu vel enim laoreet hendrerit at vel enim. Integer semper malesuada sem quis porttitor.</p>
    <h3>Tab 3</h3>
    <p>Suspendisse potenti. Proin ut erat sit amet turpis egestas tempor. Integer arcu dolor, aliquam ut egestas nec, pharetra ut mauris. Duis urna mi, aliquam id vulputate et, consequat in dolor. Duis congue sem feugiat nulla malesuada scelerisque. Aenean vitae augue nec diam euismod imperdiet. In accumsan consectetur ante a vestibulum. Phasellus eu nulla et lectus tincidunt porttitor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin mauris massa, venenatis ut fringilla interdum, imperdiet et neque. Sed ut risus metus.</p>
</div>
<script type="text/javascript">
// BeginOAWidget_Instance_2138522: #TabbedPanels2_2
        var TabbedPanels2_2 = new Spry.Widget.TabbedPanels2("TabbedPanels2_2", {
            injectionType: "replace",
            widgetID: "TabbedPanels2_2",
            autoPlay: true,
            defaultTab: 0,
            tabSelector: "h3",
            enableKeyboardNavigation: true,
            hideHeader: true,
            tabsPosition: "top",
            event:"click",
            stopOnUserAction: true,
            displayInterval: 5000,
            minDuration: 300,
            maxDuration: 500,
            stoppedMinDuration: 100,
            stoppedMaxDuration: 200,
            plugIns:[]
// EndOAWidget_Instance_2138522
</script>
<p></p>
<h2>Tab 3</h2>
<p>Suspendisse potenti. Proin ut erat sit amet turpis egestas tempor. Integer arcu dolor, aliquam ut egestas nec, pharetra ut mauris. Duis urna mi, aliquam id vulputate et, consequat in dolor. Duis congue sem feugiat nulla malesuada scelerisque. Aenean vitae augue nec diam euismod imperdiet. In accumsan consectetur ante a vestibulum. Phasellus eu nulla et lectus tincidunt porttitor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin mauris massa, venenatis ut fringilla interdum, imperdiet et neque. Sed ut risus metus.</p>
</div>
<script type="text/javascript">
// BeginOAWidget_Instance_2138522: #TabbedPanels2
        var TabbedPanels2 = new Spry.Widget.TabbedPanels2("TabbedPanels2", {
            injectionType: "replace",
            widgetID: "TabbedPanels2",
            autoPlay: true,
            defaultTab: 0,
           tabSelector: "h2",
            enableKeyboardNavigation: true,
            hideHeader: true,
            tabsPosition: "top",
            event:"click",
            stopOnUserAction: true,
            displayInterval: 5000,
            minDuration: 300,
            maxDuration: 500,
            stoppedMinDuration: 100,
            stoppedMaxDuration: 200,
            plugIns:[]
// EndOAWidget_Instance_2138522
</script>
I hope this helps.
Ben

Horizontal Tabbed Panel Inside Vertical Tabbed Panel

Hello!
I am new to web coding and in dreamweaver I would like to place a horizontal spry tabbed panel as the content of a vertical spry tabbed panel. I guess you could call it a nesting a tabbed panel. However, when I place the horizontal panel in the content area, it takes the form of a vertical panel. Any thoughts?
Here is a live page of the issue: http://andrewpapp.com/baseballprofile.html
and here is the code:
http://www.andrewpapp.com/html.txt

Hi Newbie,
I say this through gritted teeth because I think you have done far better than just a newbie, even to the extent that you have given correct advice to Jennigje Galama.
To get to your problem, have a look at the following example
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css">
<style>
.HTabbedPanels .TabbedPanels {
     margin: 0px;
     padding: 0px;
     float: left;
     clear: none;
     width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
.HTabbedPanels .TabbedPanelsTabGroup {
     margin: 0px;
     padding: 0px;
.HTabbedPanels .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;
.HTabbedPanels .TabbedPanelsTabHover {
     background-color: #CCC;
.HTabbedPanels .TabbedPanelsTabSelected {
     background-color: #EEE;
     border-bottom: 1px solid #EEE;
.HTabbedPanels .TabbedPanelsTab a {
     color: black;
     text-decoration: none;
.HTabbedPanels .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;
.HTabbedPanels .TabbedPanelsContent {
     padding: 4px;
.HTabbedPanels .TabbedPanelsContentVisible {
</style>
</head>
<body>
<div id="TabbedPanels1" class="VTabbedPanels">
<ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
         <div id="TabbedPanels2" class="HTabbedPanels">
           <ul class="TabbedPanelsTabGroup">
             <li class="TabbedPanelsTab" tabindex="0">Tab 1.1</li>
             <li class="TabbedPanelsTab" tabindex="0">Tab 1.2</li>
         </ul>
           <div class="TabbedPanelsContentGroup">
             <div class="TabbedPanelsContent">Content 1.1</div>
             <div class="TabbedPanelsContent">Content 1.2</div>
         </div>
       </div>
    </div>
    <div class="TabbedPanelsContent">
         <div id="TabbedPanels3" class="HTabbedPanels">
           <ul class="TabbedPanelsTabGroup">
             <li class="TabbedPanelsTab" tabindex="0">Tab 2.1</li>
             <li class="TabbedPanelsTab" tabindex="0">Tab 2.2</li>
         </ul>
           <div class="TabbedPanelsContentGroup">
             <div class="TabbedPanelsContent">Content 2.1</div>
             <div class="TabbedPanelsContent">Content 2.2</div>
         </div>
       </div>
    </div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2");
var TabbedPanels3 = new Spry.Widget.TabbedPanels("TabbedPanels3");
</script>
</body>
</html>
What the vertical tabs does, is override the style rules of the normal (horizontal) tabs. Thats OK, but if we then want horizontal tags, we must resurrect the orginal style rules. We must also make sure that we choose the selectors carefully unless we want to rewrite the JavaScript file.
I think the above approach is probably the best,
Keep up the good work.
Gramps

Firefox opens a new window with sites I never visited and don't want, I can not close these tabs or open another tab from them.

I open a new window and two sites appear, One I had never heard of till now. Digg. I can't open a new tab from these tabs, there is never an x on the tab and close all other tabs does not get rid of them.

Do a malware check with a few malware scan programs.<br />
You need to use all programs because each detects different malware.<br />
Make sure that you update each program to get the latest version of the database before doing a scan.<br />
* http://www.malwarebytes.org/mbam.php - Malwarebytes' Anti-Malware
* http://www.superantispyware.com/ - SuperAntispyware
* http://www.safer-networking.org/en/index.html - Spybot Search & Destroy
* http://www.lavasoft.com/products/ad_aware_free.php - Ad-Aware Free
* http://www.microsoft.com/windows/products/winfamily/defender/default.mspx - Windows Defender: Home Page
See also "Spyware on Windows": http://kb.mozillazine.org/Popups_not_blocked and [[Searches are redirected to another site]]

Copy tab contents to another tab

Hi,
I am designing a GUI application which has a JTabbedPane at the center. I have 2 tabs in the pane and i want the second tab to look same as the first one (i want to use the same components on the second tab too). In other words, i want them to be grafically the same. I do not want to duplicate code and create the same elements as in the first tab. How can i do this copying?

You can't have the same component added to different containers. A component has a single parent, and if you add it to a second container, it gets removed from the first. Try switching the order of the specified lines to see the difference when you add the button in a different order:
package sandbox;
public class ParentTest extends javax.swing.JFrame {
    private javax.swing.JButton button;
    private javax.swing.JPanel jPanel1;
    private javax.swing.JPanel jPanel2;
    public ParentTest() {
        initComponents();
    private void initComponents() {
        jPanel1 = new javax.swing.JPanel();
        jPanel2 = new javax.swing.JPanel();
        button = new javax.swing.JButton("Hello");
        getContentPane().setLayout(new java.awt.FlowLayout());
        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
        jPanel1.setBorder(javax.swing.BorderFactory.createTitledBorder("panel 1"));
        getContentPane().add(jPanel1);
        jPanel2.setBorder(javax.swing.BorderFactory.createTitledBorder("panel 2"));
        getContentPane().add(jPanel2);
        // switch these two lines to see which panel gets the button
        jPanel1.add(button);
        jPanel2.add(button);
        pack();
    public static void main(String args[]) {
        java.awt.EventQueue.invokeLater(new Runnable() {
            public void run() {
                new ParentTest().setVisible(true);
}

Link to Spry Tabbed Panel IN another Spry Tabbed Panel

Hi, I am having trouble trying to figure out how to link from another page to a tabbed panel that is inside another tabbed panel.
I have followed the tutorial on this site http://foundationphp.com/tutorials/spry_url_utils.php and have the link working properly. I have changed some code and now I have a tabbed panel residing in one of the tabs on an existing tab.
Here is an image of what it looks like.
I have my link on page A that links to "Hunts" on page B. I added the animal tabs panel. Each tab has images of each type of animal.
Here is my link code:
<a href="galtemp.html?tab=1#gallery">
This works good and opens the tab I want.
Now what I want to do is click on an "Elk" link in another page and have the "Hunts" tab open and the "Elk" tab open as well.
I have tried things like:
<a href="galtemp.html?tab=1#gallery&tab=2#huntgal"> This does not work.
<a href="galtemp.html?tab=1#gallery?tab=2#huntgal"> This does not work.
On another site I have created I have used this code:
<a href="#" onclick="TabbedPanels1.showPanel(1),TabbedPanels2.showPanel(0)">
This worked but ithe link was on the same page. Could I adapt this to work from another page?
Any help would be much appreciated.
Thanks Winrol

Try
How go to Tabbed Panel within Tabbed Panel
http://forums.adobe.com/message/4980068

Tab widget inside another tab widget

Similar Messages

Maybe you are looking for