Panel height bug?

Dear All,
I've verified this strange panel behaviour on mac:
I create a panel sized 71 (height) x 252 (width) pixels, save, export it (let's call it myPanel).
I open Photoshop, open the panel and put in the middle of other (grouped) panels on the right side; my setup is, from top to bottom: actions, myPanel, adjustments, layers. It keeps its size, ok.
I then collapse adjustments and layers (double clicking on their name, so they hide their content and show only the name), so myPanel gets very very tall. Not pleasing to see, but fine.
At this point, if I close Photoshop and reopen it, myPanel can't absolutely be resized to its original height - it's around 200px tall and not 71, so it wastes a lot of monitor estate :-/
I've tried to ungroup it from other panels (making it floating), but I can't make it smaller. The only workaround is to re-export the panel with a different name (same name: same behaviour), but messing around with panels (collapsing them) make it loose it's original height every time.
Any info about this issue?
TIA,
Davide Barranca

If you want reset your panel to your assigned size every time.
There's an idea, maybe not a good idea.
Find your path of "PanelSizeStore.sol", replace the path string below
write a PhotoshopWithResetPanel.bat
input lines like
del "C:\Documents and Settings\<YourUserName>\Application Data\Macromedia\Flash Player\#SharedObjects\DHQTSCU9\localhost\PanelSizeStore.sol"
"D:\adobe apps\Adobe Photoshop CS4\Photoshop.exe"
Then all the panel will reset to initial size.

Similar Messages

SPRY accoridian variable Panel Heights

Hi,
I have used Accordion panels on one of the page. Content of
the panels are of different length so I have made it variable
height by " useFixedPanelHeights: false" . When I preview in the
browser all the panels are variable length but I still get scroll
bar on few panels. The scroll bar is for may be 1 or 2 lines only.
for example one of my panel is about 275px in height and I
get scroll bar of 1-2 lines. Other panel is 600px in height and I
still get scroll bar of 1-2 lines only. I think it happens when my
list has more than 3 bullets points inside the panel.
Can someone please help?
Thanks!

Hi Donald, I inserted <script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1", {
useFixedPanelHeights: false });
</script> into my code. It's almost there, but not
quite. I can see that it is trying to re-ajust the panels' height,
but for panels that have a larger content it tends to show the
whole panel's content and then hides the half of it. Also for
panels with fewer content it doesn't seem to have an effect at all.
I don't know if I have to fix something in the CSS or place the
Acc1 ID in a different location within my accordion HTML code.
Thank you.
Here's the URL I'm working on if you want to take a look.
http://64.49.218.100/product_p/00-120-0ll.htm

Spry Accordion Different Panel Heights

I'm building a Spry Accordion Widget as a left nav menu with
25 different panels. Some of my panels contain 10 different links
and others contain only 1 single link. Therefore I would like to
adjust the height of each panel individually according to the
number of links they contain, so I don't end up with huge white
spaces in panels that contain fewer links. My initial idea, in
addition to the .AccordionPanelContent class was to add an "id" to
each panel and control each panels height through CSS. But for some
reason I haven't been successful that way. It looks like all panels
tend to take the height of the first panel, regardless of their
individual set heights. I wonder if I can resolve my problem
uniquely with CSS, or I do I have to go and change something in the
SpryAccordion.js file.
Thanks.

Hi Donald, I inserted <script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1", {
useFixedPanelHeights: false });
</script> into my code. It's almost there, but not
quite. I can see that it is trying to re-ajust the panels' height,
but for panels that have a larger content it tends to show the
whole panel's content and then hides the half of it. Also for
panels with fewer content it doesn't seem to have an effect at all.
I don't know if I have to fix something in the CSS or place the
Acc1 ID in a different location within my accordion HTML code.
Thank you.
Here's the URL I'm working on if you want to take a look.
http://64.49.218.100/product_p/00-120-0ll.htm

Variable accordion panel height

Hello,
I just started playing around with spry accordion today, and am not a javascript/css expert by any means :-)
I see that it is possible, from examples online, to have varying panel heights, depending on the contents of an accordion, but can't see how to make it happen. I see how to specify a fixed height for a panel, or how to have all panel heights be the same size as the panel with the most content, using the height specification in SpryAccordion.css under .AccordionPanelContent.
Any pointers much appreciated!
cheers,
Joan

See http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#VariablePan elHeights

Setting accordion content panel height with hidden content

Following previous instructions, I set

at the bottom of the content page. However, some of the
accordion panel content is hidden until the user selects a radio
button. The panel height is not dynamically adjusted to the
content. FYI, the content is hidden using
style.visibility = 'hidden
In SpryAccordion.css, I commented out the height attribute.
.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
/* height: 200px; */
It appears to me that the panel height is still fixed, but by
what I am not sure. Any clues would be appreciated. Here's the demo
page:
http://www.phelpstek.com/cr/wildflower_wedding_favors/index.html
Thanks for any input/ideas.
Brian Phelps
www.phelpstek.com

graylensman wrote:
|| I'm working on a website with two column layout. The left
column
|| contains a list of site navigation links, the right column
contains
|| actual content for any given page. I'm using CSS to set a
left-hand
|| rule that runs the height of the right-hand column. On
some pages,
|| there's a lot of content; on others, very little. When
there's
|| little content, my rule doesn't run as long as the links
list,
|| because the rule is applied to the right column.
||
|| So, I want this rule to run at least as long as that left
column,
|| but run as long as the content in the right column when
needed. Here
|| are links to a couple of pages, so you can see what's
going on:
||
|| Good:
||
http://www.hillphoenix.com/web_redesign/techInfo/techInfo.html
||
|| Not so good:
||
http://www.hillphoenix.com/web_redesign/communications/whatsNew.html
||
||
|| Thanks for your help, in advance!
hello,
apply this to your right column div and change 430px to
whatever you want
min-height: 430px;
height:auto;
_height: 430px;
regards
bretz

Contextual Panel Height Adjustment

I have a scenario:
There are 2 Contextual Panels in my application, left panel is a navigation panel and right panel is a content panel which depends on the viewswitch selected in the left panel.
The right panel height is variable depending on the contents. I have tried many properties settings like 100% height and stretchedVertically for the Transparent Container which is Matrix Layout to make both panels height equal during runtime, but i couldn't.
Any comment is appreciated. Thanks!

Hi Mary,
Even I faced similar problem , thought its not a permanent solution it might be of some help I guess.
Firstly, we can adjust the heights of free contextual area in your contextual panel . You can bind the content height property of the free contextual area to a variable or attribute and can set it accordingly. Further you need to make sure you put transparent containers in these free contextual area's which have auto scrollable mode, then you can fix the height of these containers.
P.S It'll take a number of hits and misses to finally get the two contextual panel to be of same height.
I hope it helps.
thanks and regards,
sunny

[svn:fx-trunk] 9892: Panel skin changes per XD spec, and a few other Panel Skin bugs.

Revision: 9892
Author:   [email protected]
Date:     2009-09-01 16:06:51 -0700 (Tue, 01 Sep 2009)
Log Message:
Panel skin changes per XD spec, and a few other Panel Skin bugs. Default Panel size changed to match spec. Panel titles are now single-line and show ellipsis.
QE Notes: Panel-related bitmap compares will need upgrading
Panel_Properties_title5
Panel_Properties_DfrdInst_none
Panel_Properties_DfrdInst_auto
Doc Notes: None
Bugs: SDK-21680, SDK-21671, SDK-21666, SDK-19962, SDK-19959
Reviewer: Ryan
API Change: No
Is noteworthy for integration: No
tests: checkintests mustella/managers/Panel
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-21680
    http://bugs.adobe.com/jira/browse/SDK-21671
    http://bugs.adobe.com/jira/browse/SDK-21666
    http://bugs.adobe.com/jira/browse/SDK-19962
    http://bugs.adobe.com/jira/browse/SDK-19959
Modified Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/Panel.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/ApplicationSkin.mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/PanelSkin.mxml
    flex/sdk/trunk/frameworks/projects/wireframe/defaults.css
    flex/sdk/trunk/frameworks/projects/wireframe/src/WireframeClasses.as
    flex/sdk/trunk/frameworks/projects/wireframe/src/spark/skins/wireframe/PanelSkin.mxml
Added Paths:
    flex/sdk/trunk/frameworks/projects/wireframe/src/spark/skins/wireframe/ApplicationSkin.mx ml

New forum: http://forums.adobe.com/community/flash_builder

How do I read the actual height of the panel title bar (or actual total panel height)

In Flex 4.5:
I have panel which is reading panel.height as 159, however it contains a swf in a swfloader which is 400 in height so it should be more than 400.
I need to know what the actual height of the panel is so I can scaleX and scaleY it to full screen height eg. scale=screenheight/panelHeight.
I know the content container will be 400 (the size of the movie) but can't read the height of the titleBar, and the overall panel height is returning the wrong value.

Spark Panels don't clip. Maybe that's what is going on? Also check the
measuredHeight of the Panel.

Edit JS on spry sliding panels widget to fix auto panel height problem

Hi guys,
Ive been trying for a while to make the sliding panels widget
show each panel in its own height instead of the longest panel's height in the container.
I tried reading all the js file to play with it and find a solution but the truth is i dont know how to do what i want.
I do, however, have a list of things that i believe if implemented should work,
could you help me do these fixes on the js? ( any one you know how to or think will work )
1. edit so that: Panels dont have any height ( or panel content display none ) if it isnt current panel. If current panel is "id:1" the assume class 1 style properties. As soon as it looses focus/"currentpanel" class it looses its class 1 properties. And the new current panel ("id:2") assumes its own class 2 properties. And so on.
2. edit so that: PanelContainer ( the one that holds all the panels ) displays none BUT the current panel. So all panels could be display none unless they assume the "currentpanel" class and so they change to display. Maybe this way the container assumes only the height of the displayed panel and looses it once its no longer displayed assuming the next displayed one.
3. edit so that: Panel container checks for current panel's height and assumes that height instantly ( there is still a panel inside the container that would be longer than the current panel, maybe with overflow hidden this isnt a problem )
4. Using SpryDOMUtils.js I am currently playing with the code pasted below,
the idea came from Gramp's Spry Sliding Panels Group Navigation Buttons cookbook
He addresses a different problem, but since it has to do with identifying the current panel and doing something when the panel is x number, i thought there could be a height property set for each panel when each is the current one, atleast something can be done with this, my problem is i dont know how to set that something. Please check out the following code:
<script>
// The following function - setPanelNavigation() - assumes the following
// 1. Sliding Panels have a class of SlidingPanelsContent AND a unique ID
// 2. The Previous Panel button has an ID of previousPanel
// 3. The Next Panel button has an ID of nextPanel
// 4. SpryDOMUtils.js has been linked
function setPanelNavigation() {
    var current = sp1.getCurrentPanel(); // Get the current panel
    var panelCount = sp1.getContentPanelsCount(); // Get the total number of panels
    var panelNumber=1; // Give a value to the first panel number
    Spry.$$(".SlidingPanelsContent").forEach(function(node) { // Cycle through the panels
                 if (node.id==current.id){ // The current panel now receives a number
         if ( panelNumber==1 ) Spry.$$(".SlidingPanelsContentGroup").setAttribute('height', 750); //
           if ( panelNumber==2 ) Spry.$$(".SlidingPanelsContentGroup").setAttribute('height', 250); //
        panelNumber++; // Go to next panel after incrementing the count
Spry.Utils.addLoadListener(setPanelNavigation); // Set buttons to initial value
var sp1 = new Spry.Widget.SlidingPanels("panelwidget");
</script>
What am i doing wrong in that bit ? I thought i had it there, but it didnt work.
Anyone, please help. Thank you.

wait my bad, the link to my page is:
http://www.pupr.edu/department/industrial/students.asp
** no s on department

Accordion widget browser panel height

I am using the accordion widget browser and would like to shorten the height of the
panels - how can I do this...

I found the solution!
Sample of before: www.muohio.edu/lll/studyabroadweek/index2.html
Sampe of after: www.muohio.edu/lll/studyabroadweek.
The solution was at: http://docs.jquery.com/UI/Accordion#options but was a bit difficult for me to figure out how to implement it... after a bit of experiment - I got it!
In your .html document, at the beginning of the widget look for the code in black. Code in bold red is what was needed to solve the issue.
$(function(){
                // Accordion
                $("#jQueryUIAccordion").accordion({ header: "h3",
                                            animated: "slide",
                                            event: "click",
                                            collapsible : "false",
                                            autoHeight: false

How to set Panel height to browser height?

I have a panel in a module in an application (App > Module > Panel). I would like the panel to take up the full height of the browser window. How can I achieve this? Trying to set height="100%" doesn't work, and makes the panel disappear. Setting the layout to absolute also doesn't work when setting top and bottom margins to 20.
Any ideas welcome.
Thanks!
Mike

There is something odd going on. I did what you suggested, but then the module doesn't display. However, when I remove the percentage-based height tags everything shows up.
It seems that the Panel object is sensitive to height being percentage-based. As soon as I set its height to "500" instead of "100%" it displays.

How to fix accrodion panels height and width?

Hi,
I have a question regarding my accordion panel. I made 3 template files with the same accordion panel. Somehow when I reviewed it in my Outlook, the accordion panel was a different size on each html file. Where do I fix the accordion panel's height and width?
Thank you!

Welcome to Apple Discussions
Look at this thread:
http://discussions.apple.com/thread.jspa?threadID=1864976&tstart=0
Walt

Collapsible Panel within another Collapsible Panel HEIGHT ISSUE

Having an issue with the height of a collapsible panel that has another collapsible panel within it not adjusting. I am using Dreamweaver CS5.
When I try the fix of changing line 431 in .js (where you change "px" to "auto" where it says this.content.style.height = this.toHeight + "auto";) it does not work in IE7 or Firefox. If I change the height inferences in the .js on lines 392, 431, and 439--it worksperfect in Firefox, however it throws an error in IE7. Anyone have a clue???
Here is my page: http://www.l-3choosewisely.com/dev/
username: owl
password: l3ae2011
Help would be greatly appreciated. PLEASE PLEASE PLEASE help me!

For right now I have "semi-fixed" the issue, by adding a min-height to my second collapsible panel set, but really am NOT HAPPY
with it... please help me, it has to be something with the auto-height... I know I am looking right at it and just not seeing it.

Info panel/height and width

When resizing or dragging a guide out the info panel or the height and width box dimensions ar enot live. They do not change until I let go so it is either guess or manually type in. is there a preference setting for this? If not what is the fix. Thanks!

Well I am going to answer my own question if that is allowed. I know there are ratings and such for right answers but I figured out what was wrong/sort of. I closed out and rebooted then brought the program back up and ticked info in the window menu area and voila it is working. So a reboot has done the trick I think.

Tabbed Panels border bug IE7?

If I insert the default Tabbed Panel widget and use this css
code (which is the default with the borders changed to black to
show the problem):
@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*/
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded
by a paragraph. (hasLayout Bug)*/
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background-color: #DDD;
list-style: none;
border-left: solid 1px #000;
border-bottom: solid 1px #000;
border-top: solid 1px #000;
border-right: solid 1px #000;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
.TabbedPanelsTabHover {
background-color: #CCC;
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #EEE;
.TabbedPanelsTab a {
color: black;
text-decoration: none;
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #000;
border-bottom: solid 1px #000;
border-top: solid 1px #000;
border-right: solid 1px #000;
background-color: #EEE;
.TabbedPanelsContent {
padding: 4px;
.TabbedPanelsContentVisible {
I have a pixel missing at the left lower corner where the
border for the content appears to end and the border for the tab
appears to begin. This does not happen in Firefox...in FF the
borders meet and gives the appearance of one continuous border. As
with everything else that has to do with IE I am assuming this is
some "quirk" with IE but unsure. If it is what is the bug called
and what is the hack/work-around (if any)?

Name of the site is in the graphic above.
I have now seen that this small (1 pixel) gap exists in all implementations of the Spry Tabbed Panels.
Check yourself (you will need to use Ctrl+"+" to magify the screen to see it).
It seems to be an unavoidable bug that is usually hidden by colors that are not too contrasty.
Oh well, seems I have to accept this minor flaw and move on?

Panel height bug?

Similar Messages

Maybe you are looking for