50% panels width

I have A panel (A), I want to add two panels (C) and (D) to panel (A).
each of the panels C and D contains label with dynamic text. I want to give C 50% width and D 50% width
without changing the width when the text changes

GridLayout(1,2)

Similar Messages

Gnome-panel width[solved]

Is 24 pixels limit of gnome-panel width,because if I go further to 23 or 22,nothing happens? It can be wider,but it can't be narrower to me.
Last edited by na12 (2010-02-01 15:13:41)

do you have on that panel a custom menu ( Applications Places System )? on some themes the gnome-panel wouldn't shrink if i had that applet

Bug: Panel widths not sticking?

This may be a bug, but I haven't come across any other messages mentioning the problem.
The panel widths don't seem to stick between sessions. For example, I open Lightroom, switch to the Develop module, then drag the panel width to the left to make it wider. So far so good, and the new, wider width sticks for that session even after switching between other modules.
However, if I close then reopen Lightroom and go to the Develop module, my previous width "flashes" briefly then goes back to the default narrower width.
I'm using Lightroom 1.0 on a P4 3GHz, 2GB RAM, and XP Home.

That would be Ilver, if its Canines are longggg....
Don
Don Ricklin, MacBook 1.83Ghz Duo 2 Core running 10.4.9 & Win XP, Pentax *ist D
http://donricklin.blogspot.com/

Maximum panel width

Hi,
I'm using CVI 2012, and I have a question about the maximum width of a panel.
I have created a panel on the user interface editor of 3840 pixel width, but when I run my application, the displayed width of the panel seem to be 3350 pixel (and the rest is cropped).
Even if I try to enlarge the panel with mouse the limit remaining.
There is a way to pass this limit ?
Thanks for your precious support.
Solved!
Go to Solution.

Hi Wolfgang,
Thanks for your reply.
I did as you suggested:
"GetPanelAttribute" get 3344 pixel width (the portion of panel displayed), and SetPanelAttribute (panel, ATTR_WIDTH, 10000) return 0 (non errors), but the portion of panel displayed remain unchanged.
You do not need a large display to run the test.
Attached the code
Thanks again
Attachments:
MaxWidth.zip ‏283 KB

Panel Width Stays Fixed in 64-Bit but not 32-Bit

Hello all,
I've recently installed Configurator 1.0 and created my first
panel as a collection of menu commands and tools I most often use.
The panel is 800x130 (HxW) pixels. I'm running Vista 64 Ultimate
with PS CS4 32-bit & 64-bit installed, and have observed that
with the panel exported to both versions of PS, it will open in
each at a 214-pixel width as the application initializes, but then
very quickly resize to the 130-pixel width I defined. However,
while consistently true for 64-Bit PS, that is not the case for
32-Bit, where the panel commonly remains at the 214-pixel width as
often as not. This does not seem to be affected by whether the
panel is docked or undocked, or whether I've resaved a workspace or
even created a new one with the panel active. I'm not certain of
this, but it seems that if I close the panel in 32-bit PS before
closing the application, then it is more likely that if I reopen
the application and then enable the panel, it will initialize to
the correct size. Oh, and when it is at the 214-pixel width, I
cannot resize it manually. Similarly, when the panel is reopened
for editing in Configurator, it always opens at the correct
130-pixel width.
Note that the panels for each version of PS were separately
exported to the respective Plug-ins/Panels folder and I even tried
replacing the folder under the 32-bit PS with a hard link
(junction) to the Panels folder in the 64-bit PS. That made no
difference in the observed behavior other than that it does allow
one exported panel location to serve both applications. I tried the
same with a shortcut in lieu of of a junction, but that didn't seem
to work insofar as the Panels extensions being loaded.
Has anyone seen such behavior as this? It is really no more
than a nuisance, but I'd like to avoid it if possible.
Thanks,
Daryl

Since the Configurator doesn't include a compiler, so the flash panel generated by it doesn't have a native height and width.
So the height and width you assigned in the Configurator is saved into the .gpc file.
You observation is very sharp and accurate, when a panel is opened first time in the Photoshop.
It will show the panel in the default size first, then it will load the height and width you assigned from the .gpc file, and resize it to the size you want.
And then when you close the panel, it will save the current panel size to a flash player share object.
The next time when you open the panel, it will load the last time saved size back.

Spry Tabbed Panels Width

The width of the tabs at the top of the Spry Tabbed panels seems to be about 70% of the width of the panel. Adding additional tabs then wrap around to create a new row of tabs.
How is it possible to extend the first row of tabs to be 100% of the width of the panel to avoid the wrap?
Many thanks.

Thank you, David.
I'm happy that the tabs don't have a fixed width and I'm happy about setting a width as you describe above.
My problem is that if I add more tabs then the tabs will wrap around to create a new row of tabs before the first row reaches the full width of the panel. The width of all the tabs in a row seem to reach approx 70% of the width of the panel before this occurs. I would like to have more tabs along the first row before they wrap around. You can see from the two images what I mean. One image shows 6 tabs that wrap around after the first 4. I would like the other two tabs to fit on the first row. Do you see what I mean about the 70% of width before they wrap onto the next row?
The other image has 13 tabs spread over 3 rows. I would like them to spread over just 2 rows by forcing more tabs on the first two rows.
Thank you again.

Can't change tool panel width

I drew a red circle where should be these vertical lines showing that i can change the width of the panel, but they are missing with some of the windows (color and paragraph at the moment), at the beginning it was ok, but at some point the color panel got static and i wasn't able to decrease it's with, at that that point it wasn't that huge, but now that bug occurred again and it got even bigger this time. Can anyone please help me before my whole screen is full of this tool panel
The other tool windows work properly, as soon as i switch the window, the vertical lines appear and i can change the toolpanel width, but changing back to color or paragraph, it's not possible the change it anymroe
Thanks in advance,
Andres

Try resetting the workspace. If that doesn't work, try Replace Your Preferences

Minimum panel width?

Thanks to everyone who worked on this, it's already an
amazing tool!
I'd like a very thin panel to run down the left screen edge,
Configurator has let me create one that is only 130 pixels wide.
This thin panel displays, saves, and exports with no problems.
Unfortunately Photoshop won't display it less than (I'm guessing)
220 pixels wide. This is taking up screen real estate
unnecessarily. Running in Vista.
Is there a way to display the panel the size Configurator let
me create it? If not, can this count as a feature request.
Thanks!

If you create a panel as height=220, width=130, and then
export it into Photoshop, it will be displayed as the same size
(220*130). I have verified this on my Vista and Mac with PhotoShop
CS4.
One known issue is: If a panel has been re-sized in
Photoshop, and then be re-exported with a new size, the the new
size will not be applied for the panel in Photoshop.
I think you can create a new panel and set its size as
220*130 and then export it.

Bug: Default Panel width on Photoshop CS5 12.0.2 (all CS5 products?)

Hi!
It seems, the Photoshop CS5 12.0.2 update sets the default panel's width to 10 px on Mac.
When I clean install the panel on new Photoshop it first opens like a thin line about 10 px width
and about 300px height. It looks very strange and some people cannot scale it back with ease.
(On Windows the 132px problem persists (bug #9 from here) even after update - panel cannot be scaled less than
132px)
Thanks
Update: This behaviour is also confirmed on Illustrator CS5, so I guess it's a wider thing connected to the latest update of some CS5 component.

OK, I found the source of this bug.
minWidth. When you set minWidth on CSXSWindowedApplication with the latest updates to CS5, the suite will strangerly resize your panel to this minWidth whenever you try to set this.width. I will post it to the list of bugs.
The test case is very simple:
<csxs:CSXSWindowedApplication minWidth="10" applicationComplete="on_creation_complete()" xmlns:csxs="com.adobe.csxs.core.*" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" historyManagementEnabled="false">
    <mx:Script>
        <![CDATA[
             private function on_creation_complete(): void
                // the following line will scale the panel to its minWidth value instead of 500
                this.width = 500;
                this.height = 500;
        ]]>
    </mx:Script>
    <mx:VBox height="100%" width="100%" verticalAlign="middle" horizontalAlign="center">
    </mx:VBox>
</csxs:CSXSWindowedApplication>

Panel widths in CS5

I would like to reduce the width of the Layers Panel during a screen recording at 1024x768 screen size. I have dragged sides and corners as far as they will go but have I missed some other setting somewhere?
Thanks.

The width seems somewhat influenced by the UI Font Size setting you choose in the Edit - Preferences - Interface dialog. I've not seen any way to make it smaller in width than its chosen minimum, which for me (with the smallest UI font size) seems to be set by the minimum width of the blend type and Opacity. Mine looks like this:
-Noel

Panel fixed width

My frame contains a panel, which contains 2 buttons and a label, like this:
button1 | button2 | label
The panel layout is GridBagLayout, all 3 components are anchored WEST, fill is none.
The text of the label varies dynamically: it represents a number, varying from 0 to 100000.
When the length of the text varies, then the panel width changes (when the number of digits becomes lower, the panel shrinks, and when the number of digits becomes higher, the panel grows).
What can i do in order to mantain the label size fixed (i don't want to use a DecimalFormat for formating the text, i just want to set the initial label / panel size to it's maximum size when the frame shows for the first time)

the code looks like this:
labelQ = new JLabel("000000"); // i'm initializing it with the longest value
panelToolbar.setLayout(new GridBagLayout());
GridBagConstraints gbc = new GridBagConstraints();
gbc.gridx = 0;
gbc.gridy = 0;
gbc.anchor = GridBagConstraints.WEST;
panelToolbar.add(labelQ, gbc);
getContentPane().add(panelToolbar);
getContentPane().getLayout().layoutContainer(getContentPane());
labelQ.setMinimumSize(??);
labelQ.setMaximumSize(??);
labelQ.setPreferredSize(??);
labelQ.setText("");(1) here i'm trying to set the panelSize
a) if ?? is: new Dimension(labelQ.getPreferredSize().width, labelQ.getPreferredSize().height)
=> the result will be too small
b) if ?? is: new Dimension(labelQ.getWidth(), labelQ.getHeight())
=> the result will be too long
So, which one is the correct dimension ?

Panel Questions, user difned width

In the grid view I have the left panel (navigation of db) set to a wider width so I can see my complete folder names, and child keywords etc... Every time I open LR the Panel goes back to it's default width. Same thing happens in the develop panel. I have the right panel set to a wider width...
How do I keep panels at the width I want between sessions?
Thanks

Paul, PC or Mac? I'm on a Mac and Lightroom remembers panel width when I change it.

Horizontal Sliding Panels with 100% width

Hi,
Im trying to use horizontal sliding panels with a width of 100% for an expandable website. So far i got it working with the vertical sliding panles where if i increase the width of the site the sliding panels width increases as well, but how do i get them to float left and slide horizontally, if i change the slidingpanelscontentgroup width it messe up. so far here is the css:
.SlidingPanelsP {
width: 100%;
position: relative;
height: 300px;
padding: 0px;
border: none;
.SlidingPanelsContentGroupP {
width: 100%;
position: relative;
margin: 0px;
padding: 0px;
min-height:0;
border: none;
.SlidingPanelsContentP {
float: left;
width: 100%;
height: 300px;
overflow: hidden;
margin: 0px;
padding: 0px;
border: none;
.SlidingPanelsAnimatingP * {
overflow: hidden !important;
.SlidingPanelsCurrentPanelP {
Thanks in advance

Had a hard time find the solution, but this seem to work in major browsers, except Opera which does not like the 33.33% width apparently and shows a bit of next panel. You may be able to play with margin or padding to correct this behavior.
You have to know the number of panels and make the calculation of the SlidingPanelsContent class width accordingly. Here's my test page and code for you:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script language="javascript" type="text/javascript" src="SpryAssets/SprySlidingPanels.js"></script>
<link href="SpryAssets/SprySlidingPanels.css" rel="stylesheet" type="text/css" />
<style>
#slidingPanel_1 {
    height: 200px;
.SlidingPanelsContentGroup {
    width: 300%;
.SlidingPanelsContent {
    height: 200px;
    float: left;
    width: 33.33%;
#content1 { background: yellow; }
#content2 { background: red; }
#content3 { background: green; }
</style>
</head>
<body>
<a href="#" onClick="sp1.showPanel(0);">Panel 1</a>
<a href="#" onClick="sp1.showPanel(1);">Panel 2</a>
<a href="#" onClick="sp1.showPanel(2);">Panel 3</a>
<div id="slidingPanel_1" class="SlidingPanels">
     <div class="SlidingPanelsContentGroup">
        <div id="content1" class="SlidingPanelsContent">The Content 1</div>
        <div id="content2" class="SlidingPanelsContent">The Content 2</div>
        <div id="content3" class="SlidingPanelsContent">The Content 3</div>
     </div>
</div>
<script language="javascript" type="text/javascript">
   var sp1 = new Spry.Widget.SlidingPanels("slidingPanel_1");
</script>
</body>
</html>

Trying to add a motion path to a panel but i get errors...

hey guys.. im trying to move a panel container from one location to another..
basically when i start off the application the panel's horizontalCenter is set to "0"
what i need it to do is move from that center location to left.
the code i have is...
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark"
           xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"
           xmlns:imageHandler="modules.imageHandler.*">
     <fx:Script source="loginSuccessScript.as" />
     <fx:Declarations>
          
          <s:ArrayCollection id="sourceData">
               <fx:Object label="Content Group" stackId="contentGroup" />
               <fx:Object label="Images" stackId="images" />
               <fx:Object label="Videos" stackId="videos" />
               <fx:Object label="Flash Objects" stackId="flashObjects" />
               <fx:Object label="Story Editor" stackId="storyEditor" />
               <fx:Object label="Tag Management" stackId="tagManagement" />
               <fx:Object label="Image and Video Format" stackId="format" />
               <fx:Object label="Rules And Permissions" stackId="rulesAndPermissions" />
          </s:ArrayCollection>
          <s:Parallel id="clickMove" target="navContainer">
               <s:Animate duration="250">
                    <s:SimpleMotionPath id="motionPath" valueFrom="0" valueTo="300"/>
               </s:Animate>
               
          </s:Parallel>
     </fx:Declarations>
     <s:states>
          <s:State name="all" />
          <s:State name="videoUpload" />
          <s:State name="imageUpload" />
          <s:State name="contentGroup" />
          <s:State name="flashObjects" />
     </s:states>
     <s:HGroup horizontalCenter="0">
          <s:Panel id="navContainer" width="250" height="100%">
               <s:List id="nav" width="250" height="100%" dataProvider="{sourceData}" click="updateStack()" />
          </s:Panel>
          <s:Panel width="100%" height="100%" visible="false">
               <mx:ViewStack id="displayComponents" creationPolicy="all">
                    <mx:Canvas id="blank">
                    </mx:Canvas>
                    <mx:Canvas id="images">
                         <imageHandler:imageHandler />
                    </mx:Canvas>
               </mx:ViewStack>
          </s:Panel>
     </s:HGroup>
</s:Group>
and in my actionscript in the updateStack function, i just call clickMove.play();
ive also tried setting the simpleMotionPath property to "x" and "left" and neither of them work...
and when i play the animation i get an error that says
"error: Property null is not a property or a style on object navContainer: TypeError: Error #1006: value is not a function..
or
"error: Property x is not a property or a style on object navContainer: TypeError: Error #1006: value is not a function..
or
"error: Property left is not a property or a style on object navContainer: TypeError: Error #1006: value is not a function..

ok never mind... so i think this i have my problem almost figured out...
i changed my code to resemble the following...
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark"
           xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"
           xmlns:imageHandler="modules.imageHandler.*">
     <fx:Script source="loginSuccessScript.as" />
     <fx:Declarations>
          
          <s:ArrayCollection id="sourceData">
               <fx:Object label="Content Group" stackId="contentGroup" />
               <fx:Object label="Images" stackId="images" />
               <fx:Object label="Videos" stackId="videos" />
               <fx:Object label="Flash Objects" stackId="flashObjects" />
               <fx:Object label="Story Editor" stackId="storyEditor" />
               <fx:Object label="Tag Management" stackId="tagManagement" />
               <fx:Object label="Image and Video Format" stackId="format" />
               <fx:Object label="Rules And Permissions" stackId="rulesAndPermissions" />
          </s:ArrayCollection>
          <s:Parallel id="clickMove" target="{cont}">
               <s:Animate duration="500">
                    <s:SimpleMotionPath id="motionPath" property="left" valueFrom="0" valueTo="600"/>
               </s:Animate>
               
          </s:Parallel>
     </fx:Declarations>
     <s:states>
          <s:State name="all" />
          <s:State name="videoUpload" />
          <s:State name="imageUpload" />
          <s:State name="contentGroup" />
          <s:State name="flashObjects" />
     </s:states>
     <s:HGroup horizontalCenter="0" id="cont" height="100%" width="100%">
          <s:Panel id="navContainer" width="250" height="100%" left="300">
               <s:List id="nav" width="250" height="100%" dataProvider="{sourceData}" click="updateStack()" />
          </s:Panel>
          <s:Panel width="30" height="100%" creationPolicy="all">
               <mx:ViewStack id="displayComponents" creationPolicy="all">
                    <mx:Canvas id="blank">
                    </mx:Canvas>
                    <mx:Canvas id="images">
                         <imageHandler:imageHandler />
                    </mx:Canvas>
               </mx:ViewStack>
          </s:Panel>
     </s:HGroup>
</s:Group>
forsome reason my hgroup will not center its self to the window... any reason why?

Problem centering in a Panel

In the following code, I can't figure out how to center the Button and Text components that have been added to a Panel. I can move things vertically by using a Spacer, but I can't figure out how to move them horrizontally. I want to center them in the Panel.
Can anyone tell me what I'm doing wrong?
Thanks!
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" horizontalAlign="center" verticalAlign="middle" backgroundColor="white" applicationComplete="init()" borderStyle="none">
    <mx:Script>
        <![CDATA[
            import mx.controls.Spacer;
            import mx.controls.Text;
            import mx.controls.Button;
            import mx.controls.TextArea;
            import mx.containers.Panel;
            import mx.containers.Canvas;
            import mx.containers.*;
            import mx.managers.PopUpManager;
            private var panel:Panel=new Panel();;
            private function init():void {
                var label:Text = new Text();
                var spacer:Spacer=new Spacer
                spacer.height=50
                var button1:Button = new Button();
                button1.label = "OK";
                button1.addEventListener(MouseEvent.CLICK, closePopUp);
                label.text = "Please enter your name:";
                //panel.styleName="panel1"
                panel.width = stage.stageWidth;
                panel.height = 180;
                panel.addChild(spacer);
                panel.addChild(label);
                panel.addChild(button1);
                createPopUp()
            private function closePopUp(evt:MouseEvent):void {
                PopUpManager.removePopUp(panel);
            private function createPopUp():void {
                PopUpManager.addPopUp(panel, this, true);
                PopUpManager.centerPopUp(panel);
        ]]>
    </mx:Script>
</mx:Application>

try this
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"layout="
absolute" backgroundColor="
white"applicationComplete="init()"
borderStyle="
none">
<mx:Script>
<![CDATA[
import mx.controls.Spacer;
import mx.controls.Text;
import mx.controls.Button;
import mx.controls.TextArea;
import mx.containers.Panel;
import mx.containers.Canvas;
import mx.containers.*;
import mx.managers.PopUpManager;
private var panel:Panel=new Panel();;
private function init():void {
var label:Text = new Text();
var button1:Button = new Button();
button1.label =
"OK";
button1.x = 200;
button1.y = 200;
button1.addEventListener(MouseEvent.CLICK, closePopUp);
label.text =
"Please enter your name:";label.x = 200;
//panel.styleName="panel1"
panel.width = stage.stageWidth;
panel.height = 180;
panel.addChild(label);
panel.addChild(button1);
createPopUp();
panel.getChildAt(0).x = panel.width/2; //added by tanweer
panel.getChildAt(1).x = panel.width/2; //added by tanweer
private function closePopUp(evt:MouseEvent):void {
PopUpManager.removePopUp(panel);
private function createPopUp():void {
PopUpManager.addPopUp(panel,
this, true);
PopUpManager.centerPopUp(panel);
]]>
</mx:Script>
</mx:Application>
in the place where i added code try to manipulate it according to your req.
I suugest you to use Hbox container for such type of issues. get back to me for furthur questions

50% panels width

Similar Messages

Maybe you are looking for