Skinned Panel Content Area Problem

I have instances of the Panel component that was skinned
using the Flex Skin Component Kit for Flash. The problem is that
the content areas of these panels occupy the entire panel area. An
unskinned panel has a content area that is within the panel's edges
and header. For my skinned panels, the content area extends to all
four edges of the panel (top, bottom, left, right). Any components
placed inside the panel goes beyond the usual white content area
and overlaps the header. How can I fix this content area size
problem? Please help. Thanks.

Can you use content area coordinates, or some manipulation of
the global, local, and content coordinates?

Similar Messages

Tabbed Panel content overflow problem

Hi everyone,
I'm a newbie to this, but have successfully used a few Spry
elements and am loving them.
My problem right now is that I'm trying to get a tabbed panel
to work where the panel contents have different amounts of text. It
works great in IE6 and looks fantastic, but in IE7 and Firefox 2
the content is visible although it overflows beneath the styled
content area.
You can see it here:
http://www.pranayogacollege.com/yoga-workshops.php
I imagine it's a simple thing that I've overlooked, but I'd
be very appreciative if someone could point me in the right
direction.
Thanks in advance,
Jade

"spiderjade" <[email protected]> wrote in
message
news:eqt5mt$d32$[email protected]..
> You can see it here:
>
http://www.pranayogacollege.com/yoga-workshops.php
>
> I imagine it's a simple thing that I've overlooked, but
I'd be very
> appreciative if someone could point me in the right
direction.
.TabbedPanelsContent {
padding: 4px;
/*ADD NEW*/
height: 276px;
overflow: auto;
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"

Placing an image in a tabbed panel content area, it shows up on all three panels

This is crazy. It should be so simple. But sometimes this happens to me. Like today.
I have many pages that use a simple tabbed panel feature with three tabs.
Each content area has a text frame and an image frame.
Sometimes when I try to place an image into the content area of the first tab, the image shows up on all three content areas. I have tried and tried placing the image, making very sure I am in the "content area" on not just on the page. But nevertheless, the image seems to be "stuck" on the page, in front of the accordian feature, and therefore showing on all three tabs.
How am I not targeting the placement of those images correctly? There just aren't that many options for me to screw up, it's a simple tabbed panel, that's all!
Help please.
Barbara

Are you using the latest version of Muse/Air?
The borders of the Content Area of a tab gets highlighted as soon as you drag over an element over it so it is very unlikely that something like this could happen. However, I believe it could be due to messed up Layers configuration as the only way I could reproduce this problem is through moving the image into a layer above a layer that contains the Tabbed panel or in case of just one layer, you might have the image at the very top.
Thanks,
Vinayak

Dividing Spry Tabbed Panels content area into columns?

Hi there.
I am building a website and I want to divide the content area of a Spry Tabbed Panel into 3 columns for text.
How can I do this?
I thought about making divs inside the Panel but it would be too messy.
Please let me know if there is a simple way to do this.
Thanks in advance.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryTabbedPanels.js"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet">
<style>
* {box-sizing: border-box;}
body {width: 960px; margin: auto;}
.TabbedPanelsContentVisible {overflow: auto;}
.col33 {width: 33.3333%; float: left; padding: 15px;}
</style>
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels">
<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 class="col33">
          <h3>Column 1</h3>
        <p>Content 1</p>
        <p>Dicta sunt explicabo. Nisi ut aliquid ex ea commodi consequatur? Neque porro quisquam est, aut odit aut fugit, ut aut reiciendis voluptatibus maiores alias. Iste natus error sit voluptatem dicta sunt explicabo. Sed quia consequuntur magni dolores eos itaque earum rerum hic tenetur a sapiente delectus, cum soluta nobis est eligendi optio. Omnis voluptas assumenda est, nemo enim ipsam voluptatem neque porro quisquam est.</p>
        <p>Eaque ipsa quae ab illo inventore veritatis totam rem aperiam, qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, aut odit aut fugit, ut enim ad minima veniam. Id est laborum et dolorum fuga. Atque corrupti quos dolores et quas molestias qui ratione voluptatem sequi nesciunt. Temporibus autem quibusdam saepe eveniet ut et voluptates repudiandae sint sed quia non numquam eius modi.</p>
      </div>
        <div class="col33">
          <h3>Column 2</h3>
        <p>Content 1</p>
        <p>It is the star to every wand'ring bark, which alters when it alteration finds, love alters not with his brief hours and weeks. Or bends with the remover to remove. That looks on tempests and is never shaken; admit impediments; love is not love let me not to the marriage of true minds.</p>
      </div>
        <div class="col33">
          <h3>Column 3</h3>
        <p>Content 1</p>
        <p>The three cs - customers, competition and change - have created a new world for business while those at the coal face don't have sufficient view of the overall goals. In order to build a shared view of what can be improved, building a dynamic relationship between the main players. Highly motivated participants contributing to a valued-added outcome.</p>
        <p>Whether the organization's core competences are fully in line, given market realities the components and priorities for the change program an important ingredient of business process reengineering. Taking full cognizance of organizational learning parameters and principles, organizations capable of double-loop learning, working through a top-down, bottom-up approach. In order to build a shared view of what can be improved, maximization of shareholder wealth through separation of ownership from management measure the process, not the people. Presentation of the process flow should culminate in idea generation, taking full cognizance of organizational learning parameters and principles, the components and priorities for the change program. An investment program where cash flows exactly match shareholders' preferred time patterns of consumption from binary cause and effect to complex patterns, working through a top-down, bottom-up approach.</p>
      </div>
    </div>
    <div class="TabbedPanelsContent">Content 2</div>
</div>
</div>
<script>
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>

Content Area Problem

Hello,
Is it possible to have 2 pages with each containing a content area (one for viewing purpose (say page A), another page to insert or edit item type (page B)) that everytime a user inserts or edit an item type page B, page A automatically refreshes itself and display the new/updated item type?

This is similar to the question in Refrencing an item of one page from another page..
No automatic refresh, though.
Regards,
Jerry

Accordion Panel content area spacing

Is there a way to apply spacing between the accordion label and the content area below it? It seems that there is no way to separate them and the are flush together by default. I would like to add 20px of spacing between the label and the content below it.

Hi,
Please take a look to this screenshot
Are you referring to this space or did you mean something else.

Losing css changes on Panel each time the panel contents are destroyed

Hello Experts,
I have a Panel and all I want is I do not need the header in 2 Panels in my application. For that I have used the below line in onAfterRendering method in controller.
onAfterRendering: function() {
$('#oPanelDates-hdr').css({"background": "none"});
$('#oPanelAddRowSave-hdr').css({"background": "none"});
The 1st time the application loads, this looks perfectly fine. But as soon as I destroy the Panel content, I have the header back.
Which hook method do I use as I want this to be permanent despite navigation, or any changes made in the Panel.
I have tried the above piece in onBeforeShow() as well
Thanks & Regards,
Archana

You can use the addStyleClass method to set a custom style.
oPanel.addStyleClass("RemovePanel");
.RemovePanel .sapUiPanelHdr {
background: none;
Here's an example:
JS Bin - Collaborative JavaScript Debugging</title> <link rel="icon" href="http://static.jsbin.…

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;

Table expands outside of the content area in a tabbed panel - sometimes

I am using a tabbed panel to create several different views of a database. The system is working pretty well, the only problem I have is that the content for almost all of the tabbed panels extend beyond the right hand end of the content panel. The page is here www.mwlcraftshow.com/gordo.php and you'll see that when you select the "Declined" tab the data shows correctly within the content area, but if you select "Accepted" or "All vendors" the table extends beyond the content panel. I've reviewed the html and css and don't see any difference between the tab that works (Declined) and tabs that don't work (All vendors, Accepted).
I'd really appreciate someone pointing me in the right direction.
Thanks

I see that you are indicating td widths for your tables. If you don't try to dictate widths in tables AND reduce the size of your text, you will have better luck keeping the table on the panel. You might also consider making the live area for the TabbedPanels wider, as well (the whole widget). If you have a limited size monitor, you won't be able to do that.
The only size you should use on this table is for the table width itself: use 100%, and it will fill the TabbedPanel Content width-wise, and should force the columns to fit (if you take off their widths as I suggested above).
With tables, absolute width indicators seem only to be a "suggestion" as tables will automatically expand if the content is too much for the content cells. Applying a 100% width for the table as a whole should force the cells to expand down and not horizontally.
Beth

Error message in .docx : 'Open XML file cannot be opened because there are problems with the contents. Details Unspecific error Location: 2'

I have put a lot of work into a docx document on my Mac, but now can't open it as it gives the error message: 'the Open XML file cannot be opened because there are problems with the contents. Details, Unspecific
error, Location: 2'
When opening the original file the message said: 'this file contains word 2007 for Windows equations' etc. but I managed to track changes fine, and saved, closed and re-opened it numerous times without problem. Some graphs seemed moved, and various formulas
were illegible, but no other weirdness was observed.
I have microsoft 2008 installed on my Mac OS X version 10.6.8.
I've tried to fix it using various solutions suggested here, but am afraid am too IT illiterate to have had any luck, please help I'm new to all this!
I've uploaded it to https://www.dropbox.com/s/hkw9k6lyihzoxpc/SittwayPauktawSQUEACREPORT_KD%2BCH.docx

Hi,
This issue is related strictly to oMath tags and occurs when a graphical object or text box is anchored to the same paragraph that contains the equation.
Please use the "Fix it" tool in the following KB article to resolve the problem. See:
http://support.microsoft.com/kb/2528942
Hope this helps.
Regards,
Steve Fan
TechNet Community Support

Problem with Checking In/Out Items in Content Area

I've been reading the Portal On-Line help pages in regards to
checking in/out items. The help states that when an item is
checked out, the item is locked and a message "Checked out by:
UserName" is displayed next to the item. When I check out an
item, I do not see this "Checked out by" message. However, I do
see the checkout icon. Note - I am doing this through the
Content Area Navigation page. Is there something that I am
missing? (I have seen other threads in regards to the
checkin/checkout icons not displaying when the Content Area is
published as a portlet. We are having this problem as well.)
However, the lack of the "checked out" message happens in both
the Content Area Navigator and the published portlet.
Also, is there a way to get Portal to automatically generate
version numbers when a new version of an item is created. I see
that you can create a unique name or description .... but I'd
like to have Portal generate the version number for me. This is
done in the Application component section when you build forms,
menus, or reports.
Thank you for any assistance that you can provide.

The "checked out by" message only appears to other users - you
won't see it if you are the user who checked out the item.
The version number is planned for a future release.
Regards,
Jerry

The file .docx cannot be opened because there are problems with the contents in sharepoint document library

I created a site and created a document libarary and assigned a word document as a content type . I have written a workflow to create a new document . The workflow is working fine and all the document is getting created and values are getting stored
in it .
As per my requirement I am saving the above site as site template .
After that I am creating a new site based on the above site template , Its getting created and I started the workflow , its working fine and the document is also getting created .
The problem is I am getting error while opening the word document
Error - The file filename.docx cannot be opened because there are problems with the contents .
Details - No error details availble .
Indresh

What are you doing within the txt document? Is it general text and string based items, or have you something more elaborate going on?
An older discussion here elaborates a bit more on the dotx vs docx side of things.
http://social.msdn.microsoft.com/Forums/en-US/de1b5ff9-ea6d-460c-a707-8c28acd4906f/error-opening-office-open-xml-file-when-using-sd-workflow-to-create-item-in-document-library?forum=sharepointcustomizationlegacy
Steven Andrews
SharePoint Business Analyst: LiveNation Entertainment
Blog: baron72.wordpress.com
Twitter: Follow @backpackerd00d
My Wiki Articles:
CodePlex Corner Series
Please remember to mark your question as "answered" if this solves (or helps) your problem.

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.

Cannot open Word File because "there are problems with the contents"

Hi Everyone,
I cannot open Word File because "there are problems with the contents" unspecified error; Location: 2. Please help as I need this doc for work meeting this morning. Nothing special about this doc but links were copied into it??? However I do that all the time. I have never had this happen before. I am on a 2010 machine. I just ran a disk permissions repaired and emptied the trash but still no dice. I had several other word docs up as well when I got up this morning but they are all fine. I do not have Time Capsule turned on (which I need to do but that will be another thread/question).
Thank you,
sb

Ok, I found a way to open this but not sure what happened to begin with and the formatting setup is different now, almost like text editor? Not sure what happened here but hope it doesn't happen again?

Problem with multiple content areas

Hi,
I'm stuck with following problem. I need to build the form that should contain two logical areas on the each page. Main area should handle main form content (long table) and another area containing barcodes(dynamic list that should be filled from xml). Each area must be flowed cause both table and barcodes data may be longer than their subforms.
I've made one master page with two content areas on it.
I've made main form page with two flowed subforms and customize their pagination so that each subform overflow be directed in corresponded content area.
It's seems like all ok, but here's the problem:
While the table data gets overflowed to next page, the barcodes data starts to filled ONLY when the table data ends.
e.g. I've got 3 pages of table data first and more 2 pages of barcode data next instead of only 3 pages with all data compiled together.
Can you help me with this issue?
Thanks!

Thank you for quick answer!
sad to hear that such a logical way of solving the problem is impossible in LC..
Maybe you can help me to find a right way?
little more details about my issue:
I need to manage the form so that it could include both table and barcodes(list) items (while each of them may flow onto multiple pages of the form). E.g. table lasts 4 pages and barcodes lasts only 2 pages.
Table and barcode items are filled from xml file.
e.g.
123456
I've make a sketch of desired form layout:
http://www.ljplus.ru/img4/_/a/_a_lexx/form.gif
Please, help me to find right way of doing this?
Thank you!!

Skinned Panel Content Area Problem

Similar Messages

Maybe you are looking for