Sprytabs...how to have tabs content area be closed initially

hello,
Question re SpryTabs...how would I edit the code so all tab
content be initially closed in a particular set of tabs? In other
words so the tabs are showing but the content area is collapsed. I
can't see any info related to this other than having a default
tab/content area be open. This in order to save some vertical space
in a particular page.
Thanks

Similar Messages

Change text "link" color only in Spry Tab content area

I need to have multiple text link colors in my site for light
and dark background colors. The only regions in my site that have a
white background are in the Spry Tab Panel content area. I can't
figure out how to change the text color for text links in the spry
content only. I tried to add a:link ..etc... to the style sheet,
but it did not effect anything
(I also need to clean my style sheet (s). But that comes
next.
Here
is a Link to a Sample Page in my site
null

Here is the SpryTabbedPanels style sheet in my site. I can't
seem to figure out the changes I need to make to effect the content
area.
I tried to add the following (see .TabbedPanelsContentGroup
below)
a: link {
color: #0099CC;
text-decoration: none
a:active {
color: #99CC33;
text-decoration: none
a:visited {
color: #0099CC;
text-decoration: none
a:hover {
color: #99CC33;
text-decoration: underline
@charset "UTF-8";
/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6
/* 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;
float: right;
clear: none;
width: 82%; /* IE Hack to force proper layout when preceded
by a paragraph. (hasLayout Bug)*/
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
/* 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;
background-color: #CCCC99;
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;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
/* 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: #99CC33;
color: #000000;
/* 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: #FFFFFF;
border-bottom: 1px solid #EEE;
color: #000000;
/* 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: #FFFFFF;
color: #000000;
a: link {
color: #0099CC;
text-decoration: none
a:active {
color: #99CC33;
text-decoration: none
a:visited {
color: #0099CC;
text-decoration: none
a:hover {
color: #99CC33;
text-decoration: underline
/* 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: #CCCC99;
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: #CCCC99;
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;

I have tabs that are always reloading and at times it either slows things down or I stopped it before in a previous version. How can you stop this constant refreshing? Its not just one site usually its all of them.

After the last upgrade the tabs will begin refreshing at times it slows my movements the page freezes til it catches up. Or if flashplayer is running it will crash. One of the previous versions had this problem but there was an area to go to, to disable it. Ive tried about:config but it still refreshes. Im using Wimdows 7

Thank you both so very much for your quick replies. that is what I thought but the your assurances help me ease my anxiety. And yes the credit union has made a change because now it no longer recognizes my computer as a personal computer when I am using Firefox after the latest Firefox update, and requires me to answer a security question to log in, which is why I had been using Safari, but as I was in Firefox I was lazy and didn't switch browsers.

How to have dynamic content in a Keynote presentation (ie from XML file) ?

Hi,
I need to update automatically the content of a Keynote presentation from an extrenal file (ie XML). The update can be executed when the presentation is launched, it is not necessary to do it during it runs.
Is it possible and how ?
Regards,
Pierre

If it will all fit in memory read the file as you are doing now appending everything into a StringBuilder. Then use the reverse() method of that class to obtain your output.
http://java.sun.com/javase/6/docs/api/java/lang/StringBuilder.html#reverse()

I have two iphones and one Apple id. Pretty confused how to have different content on them.

Hi All,
I have my old iphone 5s and recently I bought a iphone 6. What I want to do is to use same apple id on both of them, but I want to have different apps and media on them.
I plan to use the iphone 5s as my 2nd phone, so I do not need same apps/music/movies/books on them. Any tips how I can keep them different? Every time I sync I have to manually select the books and music I want to have on my phone. I want to create two different profiles for my phones which will have different apps, books and music.
I do not use icloud, so that is not a problem for me.
Thanks,
Sas

Have a look here...
setting-up-multiple-ios-devices-for-messages-and-facetime.html

How to Display Repeat List In Spry Tab Content

Hello,
I am new to Spry. I thought I could just create an XML
dataset, Insert a Spry Tabbed Panel, and then insert a Spry repeat
list inside the Tabbed Content area of the Tabbed Panel. It is not
working at all for me. Is this doable at all? If so, how?
Thanks!

hi,
i have created an example in http://apex.oracle.com/pls/apex/f?p=44310:1:3623155419174978:::::
username/password: demo/demo
check, it may help you:)
*please mark the thread answered if it done:)
regards
Little Foot

How to design and modify the content area in Dsktop Inerpage?

hello:
     I have created my New Portal Desktop,but I don't know how to modify the content area in Dsktop Inerpage?
   Anyone can help me ?
   Thanks
    lexian

Hi Le,
What exactly do you want to modify. The Desktop inner page consists of your detailed navigation and the <b>Content Area</b> iview. The content area iview renders all the iviews, pages and whatever you add to your roles.
So do you want to change the layout of this section or something else?

How to pass variable to content area from a PL/SQL procedure

Hi,
Can somebody tell me how to create a(Content area) folder based on a PL/SQL procedure that takes a variable as a
parameter and returns data based on value of that parameter to the folder . Any help would be appreciated .
Thanks and regards.
Neeti.

Somewhere, in one procedure, build a session identifier and save your variable there. If no session with that identifier is previously stored, it will create a new session instance with that ID for you.
declare
l_sess portal30.wwsto_api_session;
varvalue number;
begin
varvalue := 100;
l_sess := portal30.wwsto_api_session.load_session('MYSESSION','VARIABLES');
l_sess.set_attribute('VAR_NAME',varvalue);
l_sess.save_session;
end;
In your other procedure, or anywhere else needed within that same session, simply load the session and reference the variable. To reference the variable, use the following.
-- assuming new procedure, so re-defining session variable and reloading session into it
declare
my_session portal30.wwsto_api_session;
my_new_variable number;
begin
my_session := portal30.wwsto_api_session.load_session('MYSESSION','VARIABLES');
my_new_variable := my_session.get_attribute_as_number('VAR_NAME');
end;
This will let you reference parameters across multiple portal applications and indirect calls.

How to enlarge and centralise the 'Content Area' in an Office 365 webpage

Hi, I'm relatively new to O365 and I'm working on our webpage
The issue I have is that you have the Content Area but that seems to be about 1/2 an inch in from the left hand screen and only covers approx. 75% of the screen, what I want is the content area to be about 1000pixels wide and centralised.
I've tried looking at the CSS style sheet but there doesn't seem to be anything that helps me to do either of the above tasks.
Any help would greatly be appreciated, thanks.
Jason

Hi Jay Dog,
This questions is definitely not about Office client, if you are customizing your own website, I suggest you post the question in Office 365 Community to get specific support:
http://community.office365.com/en-us/f/default.aspx
The reason why we recommend posting appropriately is you will get the most qualified pool of respondents, and other partners who read the forums regularly can either share their knowledge or learn from your interaction with us. Thank you for your understanding.
Regards,
Melon Chen
TechNet Community Support
It's recommended to download and install
Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
programs.

How to remove category header link in a content area

Hi,
I have a content area with two categories X and Y with some items in each.
When I add this content area on a page as portlet, the category heading is displayed with a hyperlink to X.
I do not want that category heading, I should only items in the content area and not the headers atleast remove hyperlinks to the category headings.
Please help.
Murthy

Hi,
you can't change it in your code. I think the only option is to create a custom skin and then replace the resource bundle. Creating a custom skin for this is more work than the effect may justify. So to hide the string you can use CSS like the following
.x2z{color:#D2D8B0}
which turns the font color into the background color
Frank

Translating items in a Content Area

Hi,
Here is a strange problem that happens to me : we have a content area that support both english and french. english is the native language and french was added on the 'translation' tab, with the 'online' option checked.
A user who has the 'view' and 'add with approval' rights can add a file item in a folder. This is done with the english interface. Then, if the user change the interface to french, edit this item and choose another file (in order to translate the item), the item will disappear of the folder! If the interface is in english, this item awaiting approval is visible, if the interface is in french, the item doesn't show up!
The administrator of the folder can see the item in any language...but not the user! Once the item has been approved, some strange things happen, but it seems ok in both languages, also for the user.
what is happening ?
we have Oracle Portal Version: 3.0.9.8.1
Thanks for any help!
Fabian Cretton

Hi Philip
One problem (at least with 309, havn't checked with 902) I experienced is when 'Item Versioning' for the folder is set to 'Audit'. The only way how a translation 'sticks' is when you override the current version of the item (i.e. when Version Control is not used / set to 'Simple', so you can override the current version), which is not possible with 'Audit'.
Hope that helps
Tino

How to use tab-pane-floating?

What does "The styleclass is "tab-pane-floating" if the TabPane is floating" or "STYLE_CLASS_FLOATING" mean?
Can "tab-header-area" and "tab-content-area" be used separately ? ( to put "tab-header-area" in a toolbox and "tab-content-area" elsewhere.)
How can a button be put into "tab-header-area" ? ( "New Tab" button, like browsers have, for example).

It seems that floating tabs mode and style are to be used when... floating (dragging?) tabpane. TabPane.STYLE_CLASS_FLOATING not only change some styles (see caspian.css) but also prevents ".tab-header-background" to be created.I don't think we are much closer to understanding the true purpose of the floating style for tabpane and would need somebody else to document it to elucidate it. I have sent a request to the JavaFX documentation team for a tutorial for TabPane, and hopefully they can provide example usage of the floating styles (and other TabPane features) there.
newTabButton must then be translated in appropriate position, as if Side is TOP, LEFT,etc. and for *.tab-header-area do some -fx-padding to make room for newTabButtonStackPane.setAlignment(node, pos) may help with the translation and standard -fx-padding css for the button control can accomplish the padding.
http://docs.oracle.com/javafx/2/api/javafx/scene/layout/StackPane.html#setAlignment%28javafx.scene.Node,%20javafx.geometry.Pos%29
Of course, not for floating tabs since it uses ".tab-header-background" StackPane to layout newTabButt.Yeah, one of the reasons why using the css selectors to lookup nodes in complex controls for manipulation, is a bit of a risky strategy.
Another solution : create a StackPane . Add TabPane on StackPane , and then add newTabButton (use LayoutX,LayoutY to put it in appropriate position ). In TabPane, make room for newTabButton by shifting .tab-header-area with some -fx-padding. Simpler but needs one extra StackPane .This solution seems more robust.
I saw willow-browser before, as a starting point. For every tab, there is an (unused) "tab-content-area --StackPane". Yes, I did it that way because I wanted the tabs placed in a general navigation bar with forward and back buttons, location field and other controls in it (similar to IE9) and the pane layout for tabs didn't seem flexible enough for me to do that as it placed the panes directly under the tabs. The unused stackpane there is actually a zero height but with a width which forces the tabPane control to just become a set of tabs without content sized only to the width allocated in the UI for the tabs themselves, and not the real browser window content, then I just react on the tabs like buttons to swap in and out different webviews in a stack for the main browser display. In some ways this accomplished the decoupling of the tabs in tab headers from tab content in a seperate pane.
I think that the real solution is to put the "new tab" button inside "tab-header-area". Perhaps, I found it easier just create a seperate new tab button and lay it out seperately from the tab header area. In addition to being easier, it also seemed more flexible, because then I could place the new tab button wherever I wanted in the UI rather than just directly next to the tabs in the tab-header-area.

Locking "Portal Administrators" out of items in a content area

I have a content area that will contain sensitive documents.
I've been asked to find out whether security can be set up so
that only a certain group of users can access the content area.
This includes locking out the portal administrators from seeing
these items. Is this possible and how can it be done?
Thanks!
Esther Poulsen

You will always need a couple of users that can function as
Portal superusers/administrators. That said, most
administrative tasks can be delegated and decentralized so that
only these few administrators have completely global
privileges. One of the key purposes of content areas is to
partition security among your users.
Regards,
Jerry

Problem deleting Content Areas

Hi!
i have just encountered the following error while deleting a content area
An unexpected error has occurred (WWS-32100)
ORA-6502: ORA-06502: PL/SQL: numeric or value error (WWC-36000
Thing to mention is... before that when i tried to delete another content area my browser hanged for pretty much time and i had to abort the deletion,after resuming back to that page i have that content area there but all edit,open links have disappeared,clicking on the link shows error page 'Folder ID Does Not Exist',checking the databse shows corresponding entries still in wwsbr_all_languages$' and wwsbr_site$',after trying instructions(found in another thread with similar problem) from sqlplus there is no reponse after executing the delete query,what might be the problem
any steps to follow up
How can I get rid of these errors??
thx
Alizeh

We have the same problem - we deleted content areas in 3.0.8, but they still display in navigator, and we upgraded to 3.0.9 and they still display but they do not exist.

Blank content area using navbar portlet

Hi, using portal 3.0.9.8.2 win2000
I have a content area where 2 groups have the same rights (view rights on sublevel folders) I have the navigation bar, consisting of the available categories, posted as portlet as well as a few subfolders.
both roles can view and navigate the folder portlets perfectly from their respective pages. the navbar is displayed for both groups as well.
But for one group when clicking on a category in the navbar it opens the content area, the navbar is displayed but the contentarea itself remains blank.
To check I created another navbar displaying a list of folders: same result.
I deleted the group from the administer tab, recreated it and set access rights all over again within the content area for that group: same result
please help: this is driving me nuts

Try, to use Item Type URL like /pls/portal30/portal30_DEMO.TASK_HOME.SHOW, it's not good but work.
null

Sprytabs...how to have tabs content area be closed initially

Similar Messages

Maybe you are looking for