Positioning on a jquery tab area

All,

I use jquery tabs and accordion jquey on this apex page.
Here is the screenshot of the pagehttp://www.scrnshots.com/users/test/screenshots/268397

The problem I have is that the regions under the "Custom" tab are not surrounded completely with tab (tab in the screenshot).

In order to position the region (PDS beginning tabs), I use CSS float property. As soon as I apply the style float: left PDS tabs start region, it is not enclosed with in the tab more.

Any help is appreciated.

Hello ally,.
Its a little hard to tell what is wrong with the style without displaying the content of the page.

Here's something that comes to mind when you mentioned the issues float
Add a dummy element that clears the float settings after each of the floating elements.

For example. If the PDS region has applied float
Add the following code immediately after this div (?).

< br style = "" clear: both "/ >"

If this does not work, you will have to give some kind of access so that others can see atleast page to see the css.

Tags: Database

Similar Questions

  • Do not mix variables of substitution for the title area and JQuery Tabs

    Hello

    I've implemented Jquery tabs to the Apex 4 using this great piece of Patrick Wolf:

    Re: New themes in APEX 4 does not not with JQuery tabs

    However, there is a problem and I don't know if it's a bug or it is me who is missing something... If I put substitution variables, as in the title of the subregion (e.g. customer and P10_CUSTOMER_NAME.), the substitution variable do not get overridden and the text is displayed as in the tab.

    The variable is properly developed in the region title itself (which appears inside the tab). Simple example:
    +----------------------------+
    | Customer &P_CUSTOMER_NAME. |  <--- TAB
    |                            +------------
    |
    | +----------------------------------
    | | Customer Luis                     <-- SUB-REGION TITLE
    | +----------------------------------
    | |
    | |
    The header entry is defined as:
    <li><a href="##REGION_STATIC_ID#-tab-#SUB_REGION_ID#">#SUB_REGION_TITLE#</a></li>
    Shouldn't the chain of substitution #SUB_REGION_TITLE # be converted to the title of region with the extended substitution variables?

    No work around?

    Thank you
    Luis

    Luis

    However, there is a problem and I don't know if it's a bug or it is me who is missing something... If I put substitution variables, as in the title of the subregion (e.g., client & P10_CUSTOMER_NAME) the substitution variable does not get overridden and the text is displayed as in the tab.

    Confirmed. Looks like a bug. Probably substitute on the title (sub-) region is not performed until the region is rendered, but the subregion headers list is generated before that.

    No work around?

    All I can think so far uses a dynamic/JavaScript Action to change the label of the tab when the page is rendered.

  • Some Images open in a new window or tab are backwards or rotated 90 degrees,

    Some Images open in a new window or tab are backwards or rotates 90 degrees, but they appear in the correct position when you use Internet EXPLORER.

    I don't even know if it's a browser or a browser-server interaction problem. The problem manifests a certain user forums where members post jpg images that appear as thumbnails. "I can right-click and select"Open in new window"or open in a new tab. Either way some images open OK, some open pivot 90 degrees out of position sometimes upside down. If I use Internet EXPLORE the same images will open on the right side.

    computer: Dell Latitude
    OS: Windows 7 Pro
    Browsers: Firefox 41.02 / MSIE 11.0.9600.18059

    MysteryTech said

    Not in bold. Looks like this:
    Layout.CSS.image - orientation.enabled; true
    Status: default
    Boolean type

    Laughing out loud! But if I double-click on it replaces:
    Layout.CSS.image - orientation.enabled; false
    Set of users of status
    Boolean type

    Now when I right-click the image and select either "open in new tab" or "open in new window" the image is right-side up!
    

    Thanks to you all!

  • JQuery Tabs and Apex 4.2

    Hello

    I created a few JQuery tabs by following some instructions of Patrick Wolf

    Re: New themes in APEX 4 does not not with JQuery tabs

    I'm trying to preserve the clicked tab, that is to say, if I go to another page and come back to the page with the tabs,

    I want that it displays data in the tab I clicked on last

    I tried the following

    http://jaris.blogsite.org/Apex/f?p=blog:read:0:article:195800346705831

    but I did not know where to place the JavaScript at the end of the post

    Any help appreciated

    Gus

    Hello Gus,

    so I guess that you already have a jQueryTabs of the region and some hidden item where you can store the selected value of tab. Now we have 'just' get the value selected on the page unload, save it and then put back on the loading of the page.

    Name your region jQueryTabs for example "tabRegion" and your hidden item PX_LAST_SELECTED_TAB. place then this code in Footer region your area tab.

    
    

    So now you should be able to see the changes events tab in the console of your browser.

    Then, you need to preserve the value PX_LAST_SELECTED_TAB. To do this, create a dynamic action:

    -page unload event

    action - executing PL/SQL code

    APEX_UTIL.SET_SESSION_STATE('PX_LAST_SELECTED_TAB',:PX_LAST_SELECTED_TAB);--page items to submit PX_LAST_SELECTED_TAB
    

    then when the page unloads, you have stored in a session state value (do not forget to paste. PX_LAST_SELECTED_TAB on item (s) page to submit).

    And the last step is to read its value on the loading of the page. For example, create another DA:

    event - the page loads

    action - to run the JS code

    with the following code

    var tabToSelect = parseInt($v("PX_LAST_SELECTED_TAB"));
    console.log("Pageload: changing tab index to: " + tabToSelect);
    $("#tabRegion" ).tabs( "select", tabToSelect);
    

    Hope that helps.

    Kind regards

    Pavel

  • JQuery tabs in the apex

    Hello

    I followed the https://forums.oracle.com/message/4425187#4423187 thread to create templates for jquery tabs and has been a success. However, I have a question, i.e. default tab1 is in open State. Can anyone tell how to change the status of the two locking tabs when loading?

    Apex News:

    Request Express 4.2.2.00.11

    Details of DB - database Oracle 11 g Enterprise Edition Release 11.2.0.1.0

    Architecture of Web - APEX listener Server

    Browser (s) and version (s) used - Chrome version 24 / Firefox version 3.6 and 22

    Thanks in advance!

    Do you want to say that you do not want any tab is selected when the page shows up first?  interesting.

    You do not want to remove these classes from the tab: ui-tabs-selected and ui-State-active.

    Maybe with the code like this.

    $("li.ui-state-active").removeClass ("ui-tabs-selected ui-State-active");

    And you will need to hide the content area by adding "ui-tabs-hide".

    This probably better by targeting only the region that needs to be hidden by building its id with this syntax #REGION_STATIC_ID#-tab-#SUB_REGION_ID# .

    $("jqtabs-tab-subTabID").addClass ("ui-tabs-hide");

    Or if you don't know that, then their target with one class, they all get as ui-tabs-Panel

    Thank you

    -Jorge

    http://rimblas.com/blog/

  • Jquery tabs application problem

    All,
    I'm trying to implement jQuery tabs in my application and my page is just blank. Here are the details:

    Apex version: 4.0.0
    Database: 10g
    Browser: IE 7.0
    Topic: Topic 8

    I followed the steps in one of the blog of Dan Mcghan and here's what I did...

    1. I downloaded the jquery.com .js file and he fell on the application server under is a sub-folder of jquery. The latest version I have is jquery - 1.4.4.js, that is the right version or there is a jquery UI that is different from what I have?

    2. I went to the page template 'without tab' that has 1 reference (if it does not show the page referenced in its properties), but I have only 1 page in my application I am so I guess that's the only one, I wrote this 1 line (in bold)

    < html lang = "" & BROWSER_LANGUAGE. ">"
    < head >
    "* < script type =" text/javascript"src="/i/jquery/jquery-1.4.4.js "> < / script > *.
    < title > #TITLE # < /title >
    #HEAD #.
    "< link rel ="stylesheet"href="#IMAGE_PREFIX#themes/theme_8/theme_4_0.css "type =" text/css"/ >
    < / head >
    < body > #ONLOAD # #FORM_OPEN #.

    I think that this script tag now includes the jquery library in my applications. I did it on the page under the shared components model.

    3. I create a model of region name base Div in shared components of custom Type 1 and I put this code on it.
    < div id = "' #REGION_STATIC_ID # ' #REGION_ATTRIBUTES # class ="basic_div">"
    #BODY #.
    < / div >

    4. I have assigned a static id in each region, changed the name of the Div-based model and place my 2 new tabs region HTML regions. In the region to start HTML tab I wrote
    < div id = "tabs_start_reg" style = "" display: none; ">"
    < ul >
    Reconciliationof < li > < li >
    < Li >trend< li >
    < /ul >

    In the end, the HTML tab region, I said that line.
    < / div >

    All these tabs are sequenced in order and HTML tabs and is not any model.

    5. in the properties page in the header HTML part, I did this to activate the tabs...
    < script type = "text/javascript" >
    <! [CDATA]

    $(function() {})
    $tabs = $("#tabs_start_reg");
    $tabs.tabs ();
    $tabs.parents('td').eq (0) .removeAttr ('width');
    $tabs.show ();
    });

    []] >
    < /script >

    6. when I run the app, it shows me the page as empty... nothing on it.

    What may be...? I paint in white... Any help is appreciated.

    Vishal-

    See this thread {message identifier: = 4352963}

    Note the Alistair Lang post towards the end of using the 4.0 libraries provided compared to Google.

    Patrick Wolf also promotes a method well designed at the end of the thread.

    Jeff

  • All my tabs are missing! Rename and copy/paste the files did not help

    I accidentally opened two windows of Firefox and closed one with all my tabs pinned first, then the second tab. After Firefox reload all my tabs are missing and I tried to rename files, copy and paste files, etc. as suggests these forums, but nothing has worked. I have myself screwed on?

    Check first the Menu history for any tab restore options.
    In the second place.
    If you have already restarted Firefox and have a copy of the files: close Firefox

    1. Open the profile folder profiles - where Firefox stores your bookmarks, passwords and other user data
    2. Save the previous.js recovery.bak and recovery.js under another name
    3. Place the recovery files in the profile folder.

    So that this does not happen again change your tab Preferences and settings or try Session Manager add and save your profile.

  • All tabs are empty after session restore

    After clicking on a link to a page that has opened in a new tab, all the tabs in the window of my browser no longer works correctly (i.e. I could not close them, make new tabs or go to the previous page), and the restoration of my session turned into 'new tab' with no way to access their previous content (the number of tabs is the same). See attached image for reference, the Firefox tab is only after session restore. The browser think that he restored the session correctly, as her 'restore previous session' option is greyed out.
    Restoration of a backup version of my profile to one of two days folder there are just restores the history recorded, including, 'recently closed tabs' list had not returned to the backup version and shows the tabs that I closed earlier today. These tabs are functioning normally.

    You can save session files in the sessionstore-backups folder in the Firefox profile folder to keep possible significant session data.

    previous.js (cleanBackup: copy of sessionstore.js from previous session that was loaded successfully)
    recovery.js (latest version of the sessionstore written during runtime)
    recovery.bak (previous version of the sessionstore written during runtime)
    upgrade.js-<build_id> (backup created during an upgrade of Firefox)
    

    You can copy a file in the sessionstore-backup folder to the main profile and rename sessionstore.js file to replace the current file (make a backup of the current sessionstore.js).

    The sessionstore.js file is created from recovery.js when you close Firefox and are removed and copied in previous.js when you start Firefox.

  • Firefox open iframe until tabs are overexploited.

    When I start my PC firefox opens in iframe several times until the tabs are overexploited. How can I stop this?

    See if that helps - https://support.mozilla.org/en-US/kb/firefox-repeatedly-opens-empty-tabs-or-windows

  • New session started with an advertising page and all my tabs are lost

    New session started with an advertising page and all my tabs are lost. Restore the previous session is not active. How can I restore my tabs?

    Great work!

    Sessionstore.bak files are ancient, probably autour time that you have installed Firefox 33 when the sessionstore-backup folder has been added.

    To try using one or more files in the sessionstore-backup folder, here is the process:

    (1) exit Firefox and it must create a sessionstore.js from the main level of the profile folder file.

    (2) rename sessionstore.js to sessionstore.old file, or if you think that you will ever need, delete it.

    (3) copy in recovery.js or previous.js and rename sessionstore.js.

    (4) start Firefox then try to restore previous Session. Those are the tabs you want? If this isn't the case, you can try one of the other files in your backup sessionstore-backup.

    If none of the files has the missing tabs, you could try a recent Windows restore point. It's more complicated on Windows 8 on Windows 7, and you could benefit from using a third-party utility. These have been mentioned in another thread:

    Or... I read on a roundabout way to get previous Versions on the Properties dialog box in Windows 8. I can't test it myself, but here's what you do:

    In the address bar of your Windows Explorer dialog box, replace the current path with the following and press ENTER:

    \\localhost\c$

    Then click at the end and nail on the following (with your user name) and press ENTER:

    \Users\username\AppData\Roaming\Mozilla\Firefox\Profiles

    That should help you in the vicinity of your profile folder. Then you can right-click sessionstore.js > properties > Previous Versions, or try one of the files in sessionstore-backups.

  • Firefox ends when all tabs are closed in V36

    In V35, Firefox continues to work even if all the tabs are closed.
    Now in V36, Firefox ends when all tabs are closed.
    Y at - it a configuration back to the original schema option used in V35?

    1. Type "subject: config ' in got and then press on enter
    2. Type "lasttab" in the filter
    3. find the entry "browser.tabs.closeWindowWithLastTab", right-click to toggle its value to 'false '.
  • 35.0.1 updated and now my tabs are empty and I can't customize toolbars. Help, please and thank you.

    After the update, at the launch of Firefox, I can see the tabs, but the tabs are empty. I tried to remove preferences, uninstalling and do a fresh install and get the same result. I even tried to install the nightly build to see if it was a problem with 35 - problem was still there. I can also access the function 'customize' for the toolbars. I have several add ons, so one of them could be the problem?

    Thanks in advance.

    Yes, an add-on could cause that.

  • Hi, I have just reset my Firefox and he lost ALL the TABS at the top. Bookmarks, history, leadership, Edit and Options tabs are GONE. I don't know that I named by a r

    Hi, I have just reset my Firefox and he lost ALL the TABS at the top. Bookmarks, history, leadership, Edit and Options tabs are GONE. I don't know that I named all right, but they ARE GONE. Please tell me how to get back them. Thanks, Chris

    Edit: removed your email address from the public view, since the only thing that will attract are spambots. you will be notified by email whenever someone replies to the thread, because of a bug in the forum unfortunately with a slight delay. (philipp)

    The toolbars are still on display in your browser?

    If you still have the address bar, right click on any part that is not a text box or the icon, or if you do not like that of any space right click on the three horizontal lines on the right side of the address bar window. This should show some options, click on 'Menu Bar' and the tabs you are missing should appear.

    As a side note, usually if these options are missing, your icon of firefox in the upper left corner of the window should look different (being a rectangular button itself as opposed to an icon), and the 'file', 'Edition', 'Bookmarks', etc., are found after clicking on this button.

    Hope that helps.

  • How can I completely disable tabs because tabs are is no longer being on the bottom of the surface of the screen. tabs are used not long ago and will not be used.

    Because you removed the possibility of lowering the tabs at the bottom of the upper part where they used to be that the tabs are no longer useful and takes place how to remove completely because they now take just a space of the screen. It takes just as much time to click Open Windows in the taskbar, as it does to use the tabs at the top of the screen so now I'll settle for all open in a new window and remove the wedges. I won't use an add on for this.

    Of course, I have read your message and displayed an additional option if the modules were not suitable for you.

    If you don't want to install an add-on, put the style in the userChrome.css file and restart Firefox. You can use the stylish add-on instead, if you have installed.

    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    /* The above line should appear only once in the file */
    
    #TabsToolbar { -moz-box-ordinal-group: 99 !important }
  • I like my tabs down and changed the browser.tabs.onTop to false, but the tabs are always on top. Why?

    Go to about: config and changed tabs on top for false but tabs are always on top.

    Well, it is a bit of information that would have been helpful to forward. Enough criticism, wouldn't you say?

    In any case, it worked, and I now have tabs on the bottom. Thank you.

    And somebody had to hit Firefox developers who continue to take away the feature at the side of the head with a 2 x 4. Apparently, they won't have to 'do' another way.

Maybe you are looking for

  • Unable to restore my iphonn

    Accidentally I forgot mypassword, so I tried to insert the password until the Iphone is locked. Then I tried to restore the Iphone, but this was not possible because itunes tells me to disable "Find my iphone" so I turned it off but itunes says that

  • Cannot access Internet on VPN 3005 concentrator

    I installed a new concentrator 3005. I am able to connect using the Cisco VPN client. Everything seems to work except the Internet. I am able to access everything in the local network, including local intranet Web pages. If I try to access Web pages

  • CAN NOT OPEN a Web page PDF

    Acrobat reader has been installed fine, work DC update, now cannot open pdf.   In addition, DC will not, uninstall

  • 32-bit and 64-bit

    When I order CEC to my MacBook Pro will, it must be specified for 64 bit (32 bit vs)? Or the order automatically will give me 64 bit - what the MacBook Pro requires by default?

  • A noob question total Illustrator

    Hi allPlease bear with me because this problem is very hard to explain! I have an object in illustrator which is a cirlce with a lack of means. What I want to do is keep this 'ring' of the same size (the circumference of the circle remains the same)