Scrollable Tabs

I recently came across the boards concerning lockable report headers (and columns) and managed to implement the div overflow:auto to good use. This got me thinking about applying this method to the table encapsulating the tabsets. My company has been doing quite a bit of development in APEX, so much so, that we have tabsets that are wider than the rest of the page the tabs are navigating to.
<BR><BR>
I'd like to be able to use the div tag to make my tabsets scrollable, so I don't have tabs running off the page.
<BR><BR>
I'm currently using the Light Blue (15) theme, and I'm trying to wrap the standard tab set with this div. The problem is, something is adding | characters (and possibly some other code) between the tab links. Whatever code is here is preventing the code I added from functioning properly.
<BR><BR>
Any suggestions or alternative approaches would be much appreciated!

You're learning something new about Apex! :-)
It automatically includes a few CSS files that are on the application server (?) when it displays the pages. The theme CSS is referenced in the page Template, but there's another that I don't recall how it's included.
Anyway, I displayed this from the FireFox browser using the almost-required <b>Web Developer</b> add-on, which you should install. It lets you display all the CSS files that are being referenced in a given web page. Install this and use it even if you're developing for the IE browser, it's that good!
You can find references to this and lots of other tricks in the      Oracle HTML DB Handbook book by Larry Linnemeyer, which you'll find at Amazon.com. A must-read.
Good luck,
Stew

Similar Messages

  • How do I remove tab scrolling?

    I would like to see all of my tabs in the tab bar without having to scroll. I realize this "shrinks" the tab, sometimes to where they are not readable, but that's what I want.
    I open about 20 stock pages and I can easily read the symbol of the stock when the tab is very small. The tab scroll bars and "drop down list" are very cumbersome. Is there something I can change in my about:config to get this back?
    Thanks,
    Gene

    I might end up going back to FF 3.?? Too many changes that are not reversible.
    I like to have a status bar, but I I had to install a plugin for that.
    I like to have my RMB menu in the same order, but I had to install a plug in for that.
    I like to NOT have scrollable tabs, but I'm not sure if that possible.
    Why all these changes that aren't beneficial, yet they are not reversible through about:config. This was the main reason I ditched Internet Explorer in the first place :(

  • MouseListener in JTabbedPane jdk1.4

    Hi guys,
    I am trying to use JTabbedPane with jkd1.4. my problem is I am not able to detect mouse click if i use new feature of JTabbedPane.SCROLL_TAB_LAYOUT. because I thinkg it is already used for up and arrow. If i comment out that line form the following code mouse click works fine. Any way to have both the feature on .i.e. mouseclick detection and scrollable tabs.
    Thanks for help.
    import javax.swing.table.*;
    import javax.swing.event.*;
    import javax.swing.border.*;
    import javax.swing.text.*;
    public class TabbedPaneDemo extends JPanel implements MouseListener {
    public TabbedPaneDemo() {
    ImageIcon icon = new ImageIcon("images/middle.gif");
    JTabbedPane tabbedPane = new JTabbedPane();
    tabbedPane.setTabLayoutPolicy(JTabbedPane.SCROLL_TAB_LAYOUT);
    tabbedPane.setTabPlacement(SwingConstants.LEFT);
    for(int i =0;i< 50;i++){
    tabbedPane.addTab( "panel " + i, icon, makeTextPanel("Blah blah blah " + i), "Still does nothing");
    // System.out.println(i);
         tabbedPane.addMouseListener(this);
    //Add the tabbed pane to this panel.
    setLayout(new GridLayout(1, 1));
    add(tabbedPane);
    public void mouseClicked(MouseEvent e){
         System.out.println("HI I AM IN MOUSE EVENT");
    public void mouseEntered(MouseEvent e){};
    public void mouseExited(MouseEvent e){};
    public void mousePressed(MouseEvent e){};
    public void mouseReleased(MouseEvent e){};
    protected Component makeTextPanel(String text) {
    JPanel panel = new JPanel(false);
    JLabel filler = new JLabel(text);
    filler.setHorizontalAlignment(JLabel.CENTER);
    panel.setLayout(new GridLayout(1, 1));
    panel.add(filler);
    return panel;
    public static void main(String[] args) {
    JFrame frame = new JFrame("TabbedPaneDemo");
    frame.addWindowListener(new WindowAdapter() {
    public void windowClosing(WindowEvent e) {System.exit(0);}
    frame.getContentPane().add(new TabbedPaneDemo(),
    BorderLayout.CENTER);
    frame.setSize(800, 400);
    frame.setVisible(true);

    This is a known bug which is not going to be fixed until the 1.5 release:
    http://developer.java.sun.com/developer/bugParade/bugs/4465870.html

  • Scrollable stacked canvases on tab pages

    I am in the design phase of a project and I have been building some 'mock-up'screens for the user to review. I have been trying to build a form which has a scrollable canvas stacked on a tab page.
    This works fine, however there is a dynamic element to the page which is controlled by selection of a radio button, which displays another stacked canvas on top of the first one.
    This all works well and good, until you try and scroll the first stacked canvas by its scroll bar. The content of the stacked canvas scrolls ok, but the second stacked canvas remains in situ and doesn't move.
    I have trawled all the online documentation and both the Metalink and Technet fora, but can't find any guidance on this.
    Am I trying to acheive something which Forms 6i can't do, or is there a bug, or am I missing something?
    For your information here is what I'm running:
    Forms: 6.0.8.8.0
    WinNT: 4.0 SP5
    RDBMS: 8.1.6.0
    Here's a schematic of the form I'm trying to build....
    | Content Canvas !
    -------------+ !
    ! tab1 ! tab2 ! !
    !------+ +------------------------------!
    ! ! Stacked canvas (scrollable) ^ ! !
    ! ! Radio Group (o) ( ) # ! !
    ! ! ! Stacked canvas (dynamic) ! # ! !
    ! ! ! Hidden or Displayed depending ! # ! !
    ! ! ! on above radio buttons. ! # ! !
    ! ! V ! !
    Thanks in advance,
    John G. Williamson

    <BLOCKQUOTE><font size="1" face="Verdana, Arial">quote:</font><HR>Originally posted by carusab ():
    I think a stacked canvas "stays put",
    a stacked canvas has no relation to
    another canvas so it will not "know" that
    its "parent" canvas has moved.
    I wish there were a WHEN-SCROLLBAR-* trigger
    and that scrollbars would be objects of
    their own... maybe in Forms7?
    /Charles<HR></BLOCKQUOTE>
    I suspect you're correct. I am going to have to something long-winded with 'set_item_property'. As you say, let's hope Forms 7 can cope with this.
    Many thanks,
    John
    null

  • Problem with Pullout Tab/Scrollable Frame

    I've designed a pullout tab and in the Scrollable Frame Overlay I've specified "Horizontal" as the scroll direction. Now, with Desktop Preview everything looks fine. On the iPad however, the frame can be moved around in all kind of directions - up, down, left, right, even in circles (so to speak).
    When I copied the frame to another empty page for test purposes, everything worked as planned with Desktop Preview and on the iPad. So then I added the rest of my content to that test page and voila, the problem resurfaced.  I also have other pages with pullout tabs in the same folio that work just fine. I'm lost to what causes this behaviour in this one article.
    Anyone had this before?
    Thanks.

    My mistake, I meant the layers panel. Try renaming your graphic frames to samething unique.

  • How do I print all of the text in a scrollable form field?

    How do I print all of the text in a scrollable form field?  When I print the form, the text becomes cut off based on the size of the field and displays a little plus sign in the lower right hand corner indicating more text.  I want to print all of the text.

    The form is HTML which means what you see in your browser window is what you will see in your print out.  You can, as the form author, view the submitted data in the View Responses tab and print that out.  You can also export the responses to Excel, CSV, or PDF and print that out.

  • Scrollable frames. Buttons not working.

    Hello.
    I have a problem with buttons in the scrollable frames.
    I have a slideshow with a thumb's. Each thumb consist of MSO (non active icon and active icon) and clear frame - button to that MSO and to slide foto. The thumb's grouped and placed into the frame with horizontal scroll overlay effect.
    That frame placed into another frame-pull out tab, which have vertical scroll effect. And when I pressed the button, slide fotos changes correctly, but button MSO not working.
    See files from dropbox --  https://www.dropbox.com/sh/rsbf1jto3a39jug/IVcQxaYJOW
    Sorry for my english. I need help very much.
    Thanks.

    Hi,
    I understand that I can use two 'states'  of the buttons. And I tried it. But. Buttons renditions are raster images. And on the retina display we had bad quality. My target was to create vector buttons. With good quality on both displays.
    Any suggestions?
    04.10.2013, в 12:03, Christophe_Quinzoni <[email protected]> написал(а):
    Re: Scrollable frames. Buttons not working.
    created by Christophe_Quinzoni in Digital Publishing Suite - View the full discussion
    Hi (again),
    It seems that you built your stuff in a very complicated way.
    First, try to make simple!
    You mixed MSO and buttons functions. Useless and unfonctional.
    Yous should use only button panel, with two different 'states' ('Normal' and 'Clic').
    See below (no MSO function used at all for the button):
    http://forums.adobe.com/servlet/JiveServlet/downloadImage/2-5735625-468602/445-605/Button_ 1.jpg http://forums.adobe.com/servlet/JiveServlet/downloadImage/2-5735625-468603/448-605/Button_ 2.jpg
    Use the layer panel to easily select the objects you want to modify.
    Please find your file here: https://dl.dropboxusercontent.com/u/46115208/slideshowButton.indd
    Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5735625#5735625
    Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5735625#5735625
    To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5735625#5735625. In the Actions box on the right, click the Stop Email Notifications link.
    Start a new discussion in Digital Publishing Suite at Adobe Community
    For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

  • Pressing tab key within table not scrolling to next input field

    Hi All,
    I have a table with editable and read only fields. I have more than 20 columns. When the tab Key is pressed it scrolls only to the editable fields that are in the visible screen. It does not scroll the table to the right to the next input field.
    However if I change the screen size so that the scroll bar is required for the browser then it will scroll across moving the browser scroll bar, moving the cursor to the input field that was not visible. Again it does not go further moving the scroll bar within the table to the next editable field to the right.
    The table has been set to scrollable with the scrollable column count set to 8.
    We are using explorer 8 on 7.01
    Is it possible to have the tab key move from input field to input field scrolling the table to the next input field if it is not visible yet?
    Thanks
    Bruce

    What you describe sounds like the correct functionality.  If you set a scrollable column count, only the visble rows are actually rendered on the client side.  When you use the horizontal scroll bar, you are triggering a server side event to retrive the next set of visible columns.  Therefore the browser doesn't actually know anything about non-visible columns and hence the tab can't go to them.
    When you increase the number of visible columns (or don't set anything for visible column) you render al the columns on the client side and use the browser scrolling.  Therefore the tab works.

  • Updateable scrollable result sets with join statement

    I am writing a generic GUI fronend for any database that has a JDBC2.0 driver available.
    I have been using scrollable updateable result sets. These work well for individual tables but as soon as two tables are linked either implicitly or explicitly with a join statement the result set meta data isDefinitelyWriteable is set to false thus preventing the result set from being updated.
    Assuming I am using the JDBC-ODBC driver with java sdk1.4.0 and MS Access (although I have used other databases and JDBCs I assume that the one mentioned will be a common combination and needs to work) is there any way of getting linked tables to be updateable with scollable result sets.
    I am using scrollable result sets since this prevents the necessity of putting the data in a secondary data store.
    I am able to link tables programmatically by requerying the linked table with a new where clause each time the cursor moves in the linked table but this seems rather wasteful. This method is not vey satisfactory when attempting to display data from more than one table which have more than one linked level (i.e. cascaded links).
    Is there a simple solution to this problem or do I have to do a rewrite using an update statement instead of having an updateable result set. I assume this method would also require the result set to be reloaded after the update.
    Any suggestions much appreciated.

    I am trying to make the GUI as flexible as possible by constructing "views" which if necessary link tables on one field in each table. This is fine for two tables but when linking to several tables the information thats produced cannot be read easily because as it stands the information from each table is displayed on a separate tabbed page. This mechanism allows me to keep each record set for each table separate and updateable.
    Since I could see that this was not very user friendly in the way that it displayed the data I decided to try and introduce a join on two or more tables and hence the introduction of the current problem.
    I mentioned that the objective was to be flexible and therefore I also allow queries to be written by the user to facilitate for any shortfalls of the automatic query construction produced by using the "views" mechanism.
    So the answer to your question is yes I do control the SQL selections with one mechanism but ultimately no I do not because I provide a fail safe which allows the user to enter arbitary SQL.
    I only really want a solution for the controlled SQL construction mechanism where I create the link between two or more tables. As mentioned earlier these are linked on one field only but I wish to provide the option of displaying the result in a single table (tabbed page) rather than spread across multiple tabbed pages.

  • Pull out tab pan and zoom option grayed out

    I've been trying to follow this great tutorial about pull out tabs, but have one issue. I've just updated InDesign 5.5 Folio Builder to v.22 and the producer tools to the most recent release on August 7. Here is what I've been doing.
    Create an unassigned box for the tab. Create an unassigned box for background. Create a text box and add text.
    Group all of them together.
    Create an image box (container frame) that is larger than my grouped content and paste the grouped content into it.
    When I select the image box (container frame) and select Pan and Zoom, all options are greyed out.
    If I clear the content from the image box and put a photo in it, I can use the Pan and Zoom options.
    Any ideas on what I'm doing incorrectly? Thanks!
    Tutorial I'm following.
    http://tv.adobe.com/watch/digital-publishing/pull-out-sliders-and-trays/

    Thanks, for the record, I updated my steps to show the correct process.
    Create an unassigned box for the tab. Create an unassigned box for background. Create a text box and add text. Create an unassigned box at the top left to "hold" the tab position to the right side of your document.
    Group all of them together.
    Create an image box (container frame) that is larger than the grouped content and paste the grouped content into it.
    Select the image box (container frame) and choose Scrollable Frame with the options - Horizontal, check Hide for Scroll Indicators, and select Upper Left for Initial Content Position.
    Thanks again Bob!

  • MOS Scrollable Frame "pushing" background graphic

    Following on from my animated magazine cover, I am trying to overly a scrollable text frame which a user can pull the contents on the cover page, however it is pushing the background video as I scroll as if it is grouped with the background image.
    The background image is a mp4 file, a starfield animation.  I have added a box and pasted into the frame a textbox with a red background. Here are the layers
    I then selected it as a MSO as below :-
    However on the preview, when the scrolling frames is dragged, it pushes the background graphic along with it.
    Any ideas? 
    Cheers
    Mik

    Why do not you try to scroll tab? 
    Tutorial in DPS Tips > Folio Advanced Overlays 
    Dirce

  • Scrollable Frame hot area

    Hi,
    May be this is an old question but...
    I want to use Scrollable Frame to make interactive tabs that are half hidden in the screen. When the user drags them, they become visible, as they are pasted into a bigger scrollable frame. This works nice, but the drawback is that all the invisible part of the scrollable frame becomes sensitive to the dragging, not just the content (the tabs). So the rest of interactivity in my screen is afected and interfered, making the slideshows underneath in the middle of the screen useless...
    Is there any workaround for this: having the gliding tabs while preserving a swipping slideshow as well?
    Thanks

    Use an MSO instead.

  • Focus-requests when switching tabs in JTabbedPane

    I have a tabbed pane with a JTextArea in each tab. I would like to switch focus to the corresponding area each time I select a tab or create a new one. A ChangeListener can detect tab selections and call requestFocusInWindow() on the newly chosen tab's text area.
    For some reason, the focus only switches sporadically. Sometimes the caret appears to stay, sometimes it only blinks once, and sometimes it never appears. My friend's workaround is to call requestFocusInWindow() again after the setSelectedIndex() calls, along with a Thread.sleep() delay between them. Oddly, in my test application the delay and extra focus-request call are only necessary when creating tabs automatically, rather than through a button or shortcut key.
    Does the problem lie in separate thread access on the same objects? I tried using "synchronized" to no avail, but EventQueue.invokeLater() on the focus request worked. Unfortunately, neither the delay nor invokeLater worked in all situations in my real-world application. Might this be a Swing bug, or have I missed something?
    Feel free to tinker with my test application:
    import javax.swing.*;
    import javax.swing.event.*;
    import java.awt.*;
    import java.awt.event.*;
    /**Creates a tabbed pane with scrollable text areas in each tab.
    * Each time a tab is created or selected, the focus should switch to the
    * text area so that the cursor appears and the user can immediately type
    * in the area.
    public class FocusTest2 extends JFrame {
         private static JTabbedPane tabbedPane = null;
         private static JTextArea[] textAreas = new JTextArea[100];
         private static int textAreasIndex = 0;
         private static JButton newTabButton = null;
         /**Creates a FocusTest2 object and automatically creates several
          * tabs to demonstrate the focus switching.  A delay between creating
          * the new tab and switching focus to it is apparently necessary to
          * successfully switch the focus.  This delay does not seem to be
          * necessary when the user fires an action to create new tabs, though.
          * @param args
         public static void main(String[] args) {
              FocusTest2 focusTest = new FocusTest2();
              focusTest.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              focusTest.show();
              //Opens several tabs.
              for (int i = 0; i < 4; i++) {
                   try {
                        //adding the tab should automatically invoke setFocus()
                        //through the tabbed pane's ChangeListener, but for some
                        //reason the focus often doesn't switch or at least doesn't
                        //remain in the text area.  The workaround is to pause
                        //for a moment, then call setFocus() directly
                        addTabbedPaneTab();
                        //without this delay, the focus only switches sporadically to
                        //the text area
                        Thread.sleep(100);
                        setFocus();
                        //extra delay simply for the user to view the tab additions
                        Thread.sleep(1900);
                   } catch (InterruptedException e) {
         /**Adds a new tab, titling it according to the index of its text area.
          * Using "synchronized" here doesn't seem to solve the focus problem.
         public static void addTabbedPaneTab() {
              if (textAreasIndex < textAreas.length) { //ensure that array has room
                   textAreas[textAreasIndex] = new JTextArea();
                   //title text area with index number
                   tabbedPane.addTab(
                        textAreasIndex + "",
                        new JScrollPane(textAreas[textAreasIndex]));
                   tabbedPane.setSelectedIndex(textAreasIndex++);
         /**Constructs the tabbed pane interface.
         public FocusTest2() {
              setSize(300, 300);
              tabbedPane = new JTabbedPane();
              //Action to create new tabs
              Action newTabAction = new AbstractAction("New") {
                   public void actionPerformed(ActionEvent evt) {
                        addTabbedPaneTab();
              //in my real-world application, adding new tabs via a button successfully
              //shifted the focus, but doing so via the shortcut key did not;
              //both techniques work here, though
              newTabAction.putValue(
                   Action.ACCELERATOR_KEY,
                   KeyStroke.getKeyStroke("alt T"));
              newTabAction.putValue(Action.SHORT_DESCRIPTION, "New");
              newTabAction.putValue(Action.MNEMONIC_KEY, new Integer('T'));
              newTabButton = new JButton(newTabAction);
              Container container = getContentPane();
              container.add(tabbedPane, BorderLayout.CENTER);
              container.add(newTabButton, BorderLayout.SOUTH);
              //switch focus to the newly selected tab, including newly created ones
              tabbedPane.addChangeListener(new ChangeListener() {
                   public void stateChanged(ChangeEvent evt) {
                        //note that no delay is necessary for some reason
                        setFocus();
         /**Sets the focus onto the selected tab's text area.  The cursor should
          * blink so that the user can start typing immediately.  In tests without
          * the delay during the automatic tab creation in main(), the cursor
          * sometimes only blinked once in the text area.
         public static void setFocus() {
              if (tabbedPane == null) //make sure that the tabbed Pane is valid
                   return;
              int i = tabbedPane.getSelectedIndex();
              if (i < 0) //i returns -1 if nothing selected
                   return;
              int index = Integer.parseInt(tabbedPane.getTitleAt(i));
              textAreas[index].requestFocusInWindow();
    }

    Did you ever get everything figured out with this? I have a similar problem ... which I have working, but it seems like I had to use a bunch of hacks.
    I think the problem with the mouse clicks is because each event when you click the moues (mousePressed, mouseReleased, mouseClicked) causes the tab to switch, and also these methods are called twice for some reason - for a total of 8 events giving the tab the focus instead of your textarea.
    This works, but seems aweful hacky:
         class TabMouseListener extends MouseAdapter
              private boolean switched = false;
              public void mousePressed( MouseEvent e ) { checkPop( e ); }
              //public void mouseReleased( MouseEvent e ) { checkPop( e ); }
              //public void mouseClicked( MouseEvent e ) { checkPop( e ); }
              public void checkPop( MouseEvent e )
                   if( e.isPopupTrigger() )
                        mousex = e.getX();
                        mousey = e.getY();
                        int index = tabPane.indexAtLocation( mousex, mousey );
                        if( index == -1 ) return;
                        tabMenu.show( tabPane, mousex, mousey );
                   else {
                        if( !switched )
                             switched = true;
                             e.consume();
                             int index = tabPane.indexAtLocation( e.getX(), e.getY() );
                             if( index != -1 )
                                  tabPane.setSelectedIndex( index );
                                  TabFramePanel panel = (TabFramePanel)tabPane.getComponentAt( index );
                                  if( panel != null ) panel.getInputComponent().requestFocus();
                        else {
                             switched = false;
                             TabFramePanel panel = (TabFramePanel)tabPane.getSelectedComponent();
                             if( panel != null ) panel.getInputComponent().requestFocus();
         }Do you know of a better way yet?
    Adam

  • 6i, Horizontal Scrollbar on a Tab page

    Hi,
    I have a big datablock placed on a Tab page. Record layout is Tabular. As the no. of columns are many, they do not fit in the window.
    How do I put a horizontal scroll bar to the Tab page so that users can scroll left-right to see hidden/out-of-view columns. (Basically a spreadsheet like functionality with one or more left-most columns fixed and others scrollable).
    I went through couple of forum posting suggesting use of stacked canvas and played around with then but still not able to get it work.
    An example is highly appreciated.
    Thanks

    Those columns which are fixed lay on the tab-canvas. Very important: One of this items has to be navigable. Then you create a stacked canvas for the other columns.
    e.g.
    width of the tabcanvas: 800 pixel. two fixed columns which use 100 pixel each. Then you have 600 pixel for the rest
    Let's say 50% of the rest of the columns can be shown at one time. That means, that your stacked canvas is internally 2*600 = width 1200.
    The stacked canvas belongs to the content canvas (like the tabcanvas too). Each time you navigate into the tab with the stacked canvas you have to do:
    Show_View ('Stacked_Canvas_Name');
    and
    Hide_View ('Stacked_Canvas_Name');
    when you navigate out of the tab.

  • Region Attributes and Region Header on Tab Template. Apex 5

    All,
    In order to have my pages not scroll, but instead have a region scroll I would do an overflow on the region header and attributes in apex 4.
    When using this same method on a tab template, all of the reports within the tab templates get shown one after another.
    eg;
    region attribute......style="width:350px;height:758px;"
    region header..... <div style="overflow: auto; width: 350; height: 700px;">
    it does make the region scrollable, but the tabs stop working and instead are displayed one after another.
    Does anyone know of a fix / workaround?

    Hi gianpagi,
    gianpagi wrote:
    i would like to know how to have an horizontal scrollbar for an interactive report (5.0) after making a pivot from the user interface; i have a lot of columns and without the pivot the horizontal scrollbar appears . After it doesn't appear.
    I tried with the Region Header <div style="overflow:auto;"> and Region Footer </div>  but without success.
         Please mention the theme and template you are using for the Interactive Report.
         Can you re-produce the issue on apex.oracle.com and share the workspace credentials, so that can have closer look at the issue?
    Regards,
    Kiran

Maybe you are looking for