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.

Similar Messages

The NLS operation failed because the registry key Control Panel\International\User Profile cannot be opened. Error code is 2. Error message: The system cannot find the file specified.

H,
Since upgrading Windows server 2008 R2 to Server 2012 Standard edition, we get this repetitious critical error in the event log:
Event 1001
Op Code NLS initialization
The NLS operation failed because the registry key Control Panel\International\User Profile cannot be opened. Error code is 2. Error message: The system cannot find the file specified.
We originally found that the regional date settings after changing them in regional settings (DD/MM/YYYY) and they did not inherit properly from the upgrade but they are ok now.
I've looked at HKCU\.Default\Control Panel\International and nothing looks obviously wrong. Country codes, time & date formats are correct.
How do we ascertain the cause of this error and the specific registry key that might be problematic?

Hi,
This could be caused by firewall rules or security softwares.
http://www.tomshardware.com/forum/242579-44-hkcu-control-panel-international-opened
And in addition, the fix is worth a try.
Nothing happens when you double-click "Region" in Control Panel
http://support.microsoft.com/kb/2958845
Please Note: Since the first web site is not hosted by Microsoft, the link may change without notice. Microsoft does not guarantee the accuracy of this information.

Spry tabbed panels - question about hover

Hello, I am relatively new to Dreamweaver and Spry, but have made a website using vertical Tabbed Panels that finally looks ALMOST like I want it. I am sure that I have done some things that could be much simpler though…
http://web.me.com/marinka9170/JL_test/JL_test.html
My problem is that I would like the tabs to stay in their hover state (so coloured and wider) when you navigate to the content panel (until you hover over the next tab of course), instead of going back to their standard grey. How do I do that?
And my other question is: in the content panels I have used custom bullets. Is there a way to assign a different custom bullet for each content panel? Do I number the content panels, like I have done with the tabs?
Any hints, tips, solutions are appreciated!
Thanks,
Marinka

I indeed see that your example works, but I think in my code there is some sort of conflict going on
I have copied the Source Code and the SpryTabbedPanels.ccs below and 'bolded' the parts where I think the problem is. It is probably in splitting the different tabs in 5, right?
I am sorry for asking these stupid questions. It's all quite new to me, but I've ordered a book to study more. It's just not in yet
Thanks again for your help! Really appreciate it!
Marinka
<!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" />
<meta name="description" content="description goes here">
<meta name="keywords" content="">
<meta name="author" content="metatags generator">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="3 month">
<title>JL_test</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
</script>
<style type="text/css">
h1,h2,h3,h4,h5,h6 {
h1 {
font-family: Verdana, Geneva, sans-serif;
color: #15375e;
font-weight: bold;
font-size: 14px;
h2 {
font-family: Verdana, Geneva, sans-serif;
color: #016596;
font-weight: bold;
font-size: 14px;
h3 {
color: #00A0AF;
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
h4 {
color: #679145;
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
h5 {
color: #B4D88b;
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
.container .content #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent table tr {
vertical-align: top;
.container .footer copyright {
</style>
<div class="container">
<div class="header"><img name="" src="" width="1024"
" height="120" alt="logo" style="background-color: #FFFFFF" align="right" /></div>
<div class="column1"></div>
<div class="column2"></div>
<div class="column3"></div>
<div class="placeholder"><img src="Website_03-web-images/JL_ice.jpg" width="1024" height="400" alt="" /></div>
   <div class="content">
    <div id="TabbedPanels1" class="VTabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab1" tabindex="0" onmouseover="TabbedPanels1.showPanel(this);">home</li>
        <li class="TabbedPanelsTab2" tabindex="0" onmouseover="TabbedPanels1.showPanel(this);">who are we?</li>
        <li class="TabbedPanelsTab3" tabindex="0" onmouseover="TabbedPanels1.showPanel(this);">our services</li>
        <li class="TabbedPanelsTab4" tabindex="0" onmouseover="TabbedPanels1.showPanel(this);">sectors of activity</li>
        <li class="TabbedPanelsTab5" tabindex="0" onmouseover="TabbedPanels1.showPanel(this);">contact</li>
      </ul>
     <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
<table width="686" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="348" height="200"><div class="TabbedPanelsContent">
                <home>
                  <h1>news</h1>
                </home>
                <p>News items can go here. Perum re sitibus eicita volupti inulpa doluptam, optate secum estiore idellectur rehenecabo. Nequidu cimolen ihilit quunt plab ipsunte caborup tinihic ipiscia menimin ulpari dolupta tendio esciust am et labo. <br />
                  Mincit quunto oditibus consecto berest ad miliquaspe debis voluptatus erum fugit hariberum rescipsa qui nistia estiusd andant autaepeles et rat.<br />
                  Vidi non pelique et eliata estinvellis volesequissi dus volorer umenien ihiciet vent volupta doluptat.</p>
</div></td>
              <td width="338" height="200"><div class="TabbedPanelsContent">
                <h1> </h1>
                <p>Dandem quamendit as pelendae placiamus adipiet, voluptur minctis ad qui sinctur repercia dolorerum aceatiis est aut erchil maio qui nobis accupta.<br />
                  ssimpe qui omniscid quunt id molupti orrorpor res estrumquae lab ipician debitaq uature, optate nobis ut illaborrum diae placit id moloreribus doluptatur, unt rehent laborent rempori tassed ma non ne id qui rem voluptatur mos.<br />
                  Apist rem fugit et, corepuda con reperum auts esendip.</p>
              </div></td>
            </tr>
          </table>
        </div>
    <div class="TabbedPanelsContent">
     <table width="686" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="348" height="200"><div class="TabbedPanelsContent">
                <h2>who are we?</h2>
                <p>Who are we? Why are we here? What do we do? Perum re sitibus eicita volupti inulpa doluptam, optate secum estiore idellectur rehenecabo. Nequidu cimolen ihilit quunt plab ipsunte caborup tinihic ipiscia menimin ulpari dolupta tendio esciust am et labo. <br />
                  Mincit quunto oditibus consecto berest ad miliquaspe debis voluptatus erum fugit hariberum rescipsa qui nistia estiusd andant autaepeles et rat.<br />
                  Vidi non pelique et eliata estinvellis volesequissi dus volorer umenien ihiciet vent volupta doluptat.</p>
</div></td>
              <td width="338" height="200"><div class="TabbedPanelsContent">
                <h3><img src="" alt="Photo" width="338" height="200" hspace="0" vspace="0" align="texttop" /></h3>
              </div></td>
            </tr>
          </table></div>
    <div class="TabbedPanelsContent"><table width="686" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="348" height="200"><div class="TabbedPanelsContent">
              <h3>our services</h3>
      <ul id="tab3">
        <li>Service 1 - description of the type of service goes here with a possible hyperlink or something</li>
        <li>Service 2</li>
        <li>Service 3</li>
      </ul>
    </div></td>
              <td width="338" height="200"><div class="TabbedPanelsContent">
</div></td>
            </tr>
          </table></div>
        <div class="TabbedPanelsContent"><table width="686" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="348" height="200"><div class="TabbedPanelsContent">
              <h4>sectors of activity</h4>
      <ul id="tab4">
        <li>Sector 1 - description of the sector of activity goes here with a possible hyperlink or something</li>
        <li>Sector 2</li>
        <li>Sector 3</li>
        </ul>
    </div></td>
              <td width="338" height="200"><div class="TabbedPanelsContent">
</div></td>
            </tr>
          </table></div>
     <div class="TabbedPanelsContent"><table width="686" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="348" height="200"><div class="TabbedPanelsContent">
              <h5>contact</h5>
                <p>Name</p>
                <p>Telephone number: +12 3456 7890</p>
                <p>email: <a href="mailto:[email protected]">[email protected]</a></p>
              </div></td>
              <td width="338" height="200"><div class="TabbedPanelsContent">
              </div></td>
            </tr>
          </table></div>
      </div>
    </div>
</div>
<div class="footer">
    <copyright>©2011 </copyright>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>
@charset "UTF-8";
/* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* 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 {
overflow: hidden;
margin: 0px;
padding: 0px;
clear: none;
width: 338px;
height: 30px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
/* 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;
float: left;
padding: 0px 10px 0px 0px;
margin: 0px 0px 10px;
font: bold 12px/22pt Verdana, Geneva, sans-serif;
background-color: #DDD;
list-style: none;
border-left: none;
border-bottom: none;
border-top: none;
border-right: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
color: #15375e;
text-align: right;
height: 30px;
width: 270px;
.TabbedPanelsTab1 {
position: relative;
float: left;
padding: 0px 10px 0px 0px;
margin: 0px 0px 10px;
font: bold 12px/22pt Verdana, Geneva, sans-serif;
background-color: #DDD;
list-style: none;
border-left: none;
border-bottom: none;
border-top: none;
border-right: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
color: #15375E;
text-align: right;
height: 30px;
width: 270px;
.TabbedPanelsTab2 {
position: relative;
float: left;
padding: 0px 10px 0px 0px;
margin: 0px 0px 10px;
font: bold 12px/22pt Verdana, Geneva, sans-serif;
background-color: #DDD;
list-style: none;
border-left: none;
border-bottom: none;
border-top: none;
border-right: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
color: #15375E;
text-align: right;
height: 30px;
width: 270px;
.TabbedPanelsTab3 {
position: relative;
float: left;
padding: 0px 10px 0px 0px;
margin: 0px 0px 10px;
font: bold 12px/22pt Verdana, Geneva, sans-serif;
background-color: #DDD;
list-style: none;
border-left: none;
border-bottom: none;
border-top: none;
border-right: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
color: #15375E;
text-align: right;
height: 30px;
width: 270px;
.TabbedPanelsTab4 {
position: relative;
float: left;
padding: 0px 10px 0px 0px;
margin: 0px 0px 10px;
font: bold 12px/22pt Verdana, Geneva, sans-serif;
background-color: #DDD;
list-style: none;
border-left: none;
border-bottom: none;
border-top: none;
border-right: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
color: #15375E;
text-align: right;
height: 30px;
width: 270px;
.TabbedPanelsTab5 {
position: relative;
float: left;
padding: 0px 10px 0px 0px;
margin: 0px 0px 10px;
font: bold 12px/22pt Verdana, Geneva, sans-serif;
background-color: #DDD;
list-style: none;
border-left: none;
border-bottom: none;
border-top: none;
border-right: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
color: #15375E;
text-align: right;
height: 30px;
width: 270px;
/* 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 {
color: #fff;
height: 30px;
width: 300px;
/* 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 {
height: 30px;
width: 300px;
/* 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 {
/* 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: none;
border-bottom: none;
border-top: none;
border-right: none;
background-color: #FFF;
/* 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: 0px 0px 0px 0px;
list-style-image: url(file:///Macintosh%20HD/Users/marinka/Desktop/JL/optencia_website/images/bullet.png);
/* 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 {
padding-right: 10px;
/* 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".
.VTabbedPanels {
overflow: hidden;
/* 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: 338px;
height: 240px;
position: relative;
overflow: hidden;
/* 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 .TabbedPanelsTab1 {
float: left;
overflow: hidden;
.VTabbedPanels .TabbedPanelsTab2 {
float: left;
overflow: hidden;
.VTabbedPanels .TabbedPanelsTab3 {
float: left;
overflow: hidden;
.VTabbedPanels .TabbedPanelsTab4 {
float: left;
overflow: hidden;
.VTabbedPanels .TabbedPanelsTab5 {
float: left;
overflow: hidden;
/* 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 {
text-decoration:none;
overflow: hidden;
/* 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: 686px;
height: 240px;
background-color: #fff;
/* Styles for Printing */
@media print {
.TabbedPanels {
overflow: visible !important;
.TabbedPanelsContentGroup {
display: block !important;
overflow: visible !important;
height: auto !important;
.TabbedPanelsContent {
overflow: visible !important;
display: block !important;
clear:both !important;
.TabbedPanelsTab {
overflow: visible !important;
display: block !important;
clear:both !important;

Sliding Panels Question

Hi there. I'm new to Spry, and I'm using 1.6.1 in Dreamweaver CS3. I want to create sliding panels to showcase some work I've done, but I wanted to know if it's possible to build a scroll function for one panel which will have multiple pieces of work (not a scrollbar).
There's not enough horizontal real estate to show all the work in this particular panel at once, so I want to put a "continue" or "next" and a "previous" button/function on that panel so the user can automatically view differents areas of the panel to see the rest of the related work, without creating a number of different panels for all this.
Is this possible in the sliding panels widget, or is there just one pass per panel? I hope my question is clear.
I'm trying to decide whether to build this in Spry or Flash.
Thanks in advance for any suggestions.
L

I dug around a bit more and saw an example that shows me that I can do this. Thanks anyway!

Director 11 Panels Question

I, as a user coming from Director MX 2004, am used to having
the score and cast panels docked together.
I have downloaded the new version and I am not able to do
that. Has that been removed?
And any reccomendations on how to use the panels?
Side question - I am looking into taking courses on Director,
or getting books.
Which books are reccomended?
Also, around how much money does a Director
proogrammer/designer (you get the idea) make?
Thanks!!

this issue has angered me too. there's absolutely no way i'm
going to buy this upgrade until issues like this - and the lack of
AS3 support!! - have been resolved.
Books for director mx 2004:
Lingo in a nutshell (essential, although based on v6, still
relevant now)
director mx2004 bible (or the visual quickstart book, they're
both very similar)
HIGHLY recommended is the Lynda.com video tutorials.
lastly - the amount of money you can make varies
ridiculously. what would you expect to develop? think about the end
product!
Don't put all your eggs in one basket - i would suggest
learning flash, html and css too.

Disable Control Panel for users but NOT for administrators

I'm unsure why Microsoft has not yet published this information. I'm sure that sysadmins everywhere want more granular control of the control panel besides disabling for everyone or enabling for everyone, which is what it seems Microsoft wants me and
you to do, disable CP for everyone, enable it every time I log on as admin and need to use it, then disable again. Ridiculous.
I am a consultant for a large company and our partners like to take as much control as possible. I do too, for that matter. Last week I began researching how to disable the control panel for everyone except admins. I am operating under
the assumption that non-admin accounts do not need access to control panel and it's better if they don't, especially in a production environment where the terminals the users are operating are mission critical.
Finally, I found the answer. I hope this helps you because it took me 3 days to finally find it. It works. I've tested it with admin and non-admin. The great thing is, you can control any GP setting for non-admin users in this manner,
not just the Control Panel. You could disable any and all functionality not necessary for day to day operations for all your users but still maintain access to everything by logging on as an administrator.
The question is answered here
http://www.sevenforums.com/tutorials/101869-local-group-policies-apply-all-users-except-administrators.html

Don:
Sorry for the confusion. Not sure why my link is bad and yours is good. They both appear to be identical.
The issue with executing gpedit.msc is that when you apply a setting, the setting is for all users, even administrators. If I want to disable access to the control panel, I do so for admins as well when simply executing gpedit.msc, which means if I
log in and need access to control panel, I have to enable it in GP, do the work necessary and then disable it again (if I remember) when work is complete. A bit of a drag, especially for busy admins and support techs. On the other hand, following
the instructions in the link disables control panel for all users except administrators. So if I need to work with Control Panel as an admin, I've saved the enable, disable steps and don't have to worry about remembering as well.
I hope that clarifies. Thanks for your feedback.
ok, thanks. I re-read the guide one more time and now I understand the logic - it creates a LocalGPO object, when gpedit.msc is launched in this very special way. It's kind of cool, even if rather niche. (I'm assuming that it only works for LocalGP and not
for Domain GP).
I think your original link had a trailing dot, but it's fine now.
Thanks for clarifying - even after all these years, I am still learning new things :)
Don
(Please take a moment to "Vote as Helpful" and/or "Mark as Answer", where applicable.
This helps the community, keeps the forums tidy, and recognises useful contributions. Thanks!)

XFCE panel question

I hope I can phrase this question right. I'm not sure what kind of terminology to use but I'll give it a shot.
How do I get the "Start Panel" and the "Application Tray" to both be on the same panel. I've tried placing them right next to each other but when the Application Try grows when new windows are opened, it expands over the Start Panel. I know it's possible to do because I've seen screenshots like this one:
http://upload.wikimedia.org/wikipedia/c … ce-4.4.png
but I'm not sure how to get it that way. I've tried using Panel Manager but I don't know how to add the Application Tray. Also, does anyone know which icon set that is? I'd actually like my desktop to look almost exactly like that.

A thought: is your panel set to be "full width", in the centre? A "normal width" panel in the bottom left, with the Task List's "Minimum Width" parameter set just nicely to hit the right edge of the screen when empty would behave exactly as you describe.
Panel Manager: Fixed Position, centre (ie, one of the middle buttons in the square array of 12 placement buttons), Normal Width.
Task List: Set the Minimum Width to 100. No, really. In a "normal width" panel, it'll always expand to fit the space available, and if you set this value to the lowest possible, you won't run into any more problems if you add more stuff to the panel, or your System Tray fills up with icons: the List will just contract to give them space. Obviously, if it gets too small, you might want to change it to something larger, but for the moment, it should work fine like that.

Spry Collapsible Panel question

I have a file online that uses a Spry collapsible panel. It can be viewed here. It works beautifully. For one exception. The logo is supposed to be up some 10 pixels or so. The CollapsiblePanelTab is occupying the space.
So I took the CSS for the CollapsiblePanelContent and moved it up 1em <margin-top: -1em;>. That put my logo where it should be. Problem is that when I do this the transparent portion of the logo covers most of the "Hide / Show Logo." It leaves only a sliver of the right of the tab. This file can be viewed here.
The logo consists of the image and the bar underneath it. Yes, I could crop the image down to the central part, making it narrower, but I do want the bar which is wider. And I want the bar to disappear when the Spry is activated so that rules out having it as a separate image..
Even better I would like when the panel is open for the "Hide / Show Logo" to be just above the bar. I tried that and it threw everything out of kilter.
Any suggestions! Thank you in advance for any responses.

Beth,
   Thought of it, did it, didn't work.
   If I remove the logo from the HTML of the page and instead place it in the "background-image" of the CollapsiblePanelContent CSS I get disastrous results. The panel collapses (because there is nothing in the DIV) and the CSS placed background image disappears. Following this thread of thought I could try a much narrower transparent image with nothing in it, just the transparency, and see how that might work. This would keep the DIV open to the desired height. Then I could place the actual, true image in the "background-image" of the DIV CSS.
   For the moment I am going to see if someone perhaps comes up with a solution other than this. The chief reason is that I would lose my dynamic linking of the PSD to the placed image. This file will be a template of thousands of pages spanning many years so the logo will change appropriately.
   This method, of using the image in the CSS itself, also causes some alignment problems within the DIV. My background-image does not center properly. It does so when placed in the HTML of the document.
   Getting back to the original problem, which seems to be the transparency of the image and its width, I don't see any reason why I could not break my image into two pieces and place each one within the CollapsiblePanelContent. Each image in their own DIV contained within the panel content. I could then make the logo part separate from the bar but still have the bar collapse. The logo portion could then be much narrower. I think I will try this method and see what transpires. I could then keep my dynamically linked images. Theoretically!!!
   Thanks for letting me bounce ideas off a fellow thick skull. Not seeing the trees for the forest and all that.
Regards,
Wayne

To Show/Display Color Picker Panel to user for creating Swatch- in SCRITPING

Hi All
I'm in need to Show/Display "Color Picker Panel" in InDesign, to the user to select their desire color to create a swatch through SCRIPTING. Can anyone help me in this.

I wrote a similar ColorPicker Script sample in the past, too.
create document
create rectangle object
show ColorPicker
choose color with ColorPicker
create RGB color swatch
(convert to CMYK color swatch)
coloring rectangle object to this swatch
http://www.milligramme.cc/wp/2010/02/extendscript_colorpicker.html
mg

Form Guide - Nested Optional Panels questions translations

Hi!
I'm developping a multi language form guide. Thanks to the Paul's workaround, I'm able to translate the field caption. But I cannot find a solution to translate the questions/answers in nested optional panels. Does somebody know a way to do that?
Thank you
Denis

Not that I am aware of

Spry Collapsable Panel Question

I just started using Spry and was wondering if there is an
way to have a plus sign display next the the title when the panel
is contracted but then when somebody clicks to open the content
area it would change to a minus symbol?
Thanks for your help in this matter.

Thanks... This mostly worked. The problem is that those
panel's which are preset to be open show the plus sign when the
should show the minus. As you can see here
http://www.ourbombers.com.
The minus only shows when you actually click to open a panel.
here is my css code.
.CollapsiblePanel {
margin-bottom: 2px;
padding: 0px;
border-left: solid 1px #CCC;
border-right: solid 1px #999;
border-top: solid 1px #999;
border-bottom: solid 1px #CCC;
/* This is the selector for the CollapsiblePanelTab. This
container houses
* the title for the panel. This is also the container that
the user clicks
* on to open or close the panel.
* The name of the class ("CollapsiblePanelTab") used in this
selector is not necessary
* to make the widget function. You can use any class name
you want to style an
* CollapsiblePanel panel tab container.
.CollapsiblePanelTab {
font: bold 0.7em sans-serif;
background-color: #DDD;
border-bottom: solid 1px #CCC;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
background-image: url(images/plus.gif);
background-position: right;
background-repeat: no-repeat;
/* This is the selector for a CollapsiblePanel's Content
area. It's important to note that
* you should never put any padding on the content area
element if you plan to
* use the CollapsiblePanel's open/close animations. Placing
a non-zero padding on the content
* element can cause the CollapsiblePanel to abruptly grow in
height while the panels animate.
* The name of the class ("CollapsiblePanelContent") used in
this selector is not necessary
* to make the widget function. You can use any class name
you want to style a
* CollapsiblePanel content container.
.CollapsiblePanelContent {
margin: 0px;
padding: 0px;
font-size: 12px;
/* An anchor tag can be used inside of a CollapsiblePanelTab
so that the
* keyboard focus ring appears *inside* the tab instead of
around the tab.
* This is an example of how to make the text within the
anchor tag look
* like non-anchor (normal) text.
.CollapsiblePanelTab a {
color: black;
text-decoration: none;
/* This is an example of how to change the appearance of the
panel tab that is
* currently open. The class "CollapsiblePanelOpen" is
programatically added and removed
* from panels as the user clicks on the tabs within the
CollapsiblePanel.
.CollapsiblePanelOpen .CollapsiblePanelTab {
background-color: #EEE;
background-image: url(images/minus.gif);
background-position: right;
background-repeat: no-repeat;
/* This is an example of how to change the appearance of the
panel tab as the
* mouse hovers over it. The class "CollapsiblePanelTabHover"
is programatically added
* and removed from panel tab containers as the mouse enters
and exits the tab container.
.CollapsiblePanelTabHover, .CollapsiblePanelOpen
.CollapsiblePanelTabHover {
background-color: #CCC;
/* This is an example of how to change the appearance of all
the panel tabs when the
* CollapsiblePanel has focus. The "CollapsiblePanelFocused"
class is programatically added and removed
* whenever the CollapsiblePanel gains or loses keyboard
focus.
.CollapsiblePanelFocused .CollapsiblePanelTab {
background-color: #3399FF;

Properties Panel Question

Hi, I really dislike the
"Properties Panel" on the bottom of the DW UI. Is there a
way to have it run vertical on the left of the UI or make it
collapsible like all of the other panels?
Thanks

quote:
Originally posted by:
Newsgroup User
Comp. 792 wrote:
> I just hope there's an update to allow us to dock the
"Properties Panel"
> vertically on the left or right if we want.
Hoping here won't do much good. Submitting a feature request
to Adobe
will get the message directly to the development team:
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/
Agreed David, I just submitted a response to Adobe. :
)

Panel-questions + panel-poll

I would like to have custom gnome-menus in the gnome-panel (like the gnome-menubar shows applications, places,...). This is easy to do with the xfce-panel (uses xml-menufiles) but I would rather like the gnome-panel. I googeled some but couldn't find anything usefull...
Another question: is it possible to give the xfce-panel a bg?

rezza wrote:
kps wrote:
codemac wrote:No panel here. F3 is all I need.
What does your F3 do then?
Destroys the universe.
for the ones without this great function, just do: aurbuild -s apocalypse

Simple collapsible panels question...

(Thought I'd give this forum a try. The other discussion
category gets no traffic! It seems this is where the action is.)
I'm putting collapsible panels on the left side of web page
to be used as a sort of menu list that links to the rest of the
website. Some "tab" sections will have stuff in its associated
"content" section, namely some text that will link to other parts
of the website. Other "tab" sections will have nothing in its
"content" section, but I want to use the text in these tabs to be a
link. In other words, I have no use of the content section for
these tabs. I did a quick test and made the text in a tab to link
to another page, but it didn't do anything (though the "content"
section links of other tabs worked fine). Should I simply delete
this part: <div class="CollapsiblePanelContent"></div>
Here's an example of the web page, though it is still very
much under construction, and no links put in place yet in any of
the "tab" sections of the collapsible panels:
http://www.freywine.com/NewSiteExamples/index4.html
(I just want you to see how I'm using the collapsible panels, and
how the "Home" and "Order Here," for example, will have no text in
their "content" sections of the collapsible panels. Naturally, the
parts with the downward pointing triangle will have text with links
in their "content" sections.)
Basically, the question is: what's the best way to have the
tab section be just a link and the content section to not be there
at all. I suppose I could simply not use collapsible panel code,
but then I would have to figure out how to fit a non-collapsible
panel div to fit right snug between all the collapsible panels (I'm
still very much a newbie with CSS).
Any simple way to deal with this?
I've attached the complete collapsible panel code for the one
which has the tab text as a link and nothing in the content area.
Thanks for the help!
<div id="CollapsiblePanel2" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0"><a
href="
http://freywine.stores.yahoo.net/">Order
Here</a></div>
<div class="CollapsiblePanelContent"></div>
</div>

Youre on the right lines. Just rip all of the collapsible
stuff out
which surrounds the actual link, as shown in the code below.
The code shows the 'Home' and the 'Order Here' <divs>
as your code
should be, plus the opening collapsible <div> of the
'Wine' tab.
Note the 'combined' css classes 'CollapsiblePaneltab' and
'CollapsiblePanel'(leave a gap between them as shown) The
reason for
this is the brown bar to the left of the tab takes its
properties from
the 'CollapsiblePanelTab' css PLUS you need to add some
inline left
padding to get the link to line up under one another.
<div id="sidebar1">
<div class="CollapsiblePanelTab CollapsiblePanel"
style="padding-left: 7px"><a href="
http://www.bbc.co.uk">Home</a></div>
<div class="CollapsiblePanelTab CollapsiblePanel"
style="padding-left: 7px"><a href="
http://www.bbc.co.uk">Order
Here</a></div>
<div id="CollapsiblePanel3" class="CollapsiblePanel">
brainfillet wrote:
> (Thought I'd give this forum a try. The other discussion
category gets no
> traffic! It seems this is where the action is.)
>
> I'm putting collapsible panels on the left side of web
page to be used as a
> sort of menu list that links to the rest of the website.
Some "tab" sections
> will have stuff in its associated "content" section,
namely some text that will
> link to other parts of the website. Other "tab" sections
will have nothing in
> its "content" section, but I want to use the text in
these tabs to be a link.
> In other words, I have no use of the content section for
these tabs. I did a
> quick test and made the text in a tab to link to another
page, but it didn't do
> anything (though the "content" section links of other
tabs worked fine). Should
> I simply delete this part: <div
class="CollapsiblePanelContent"></div> ?
>
> Here's an example of the web page, though it is still
very much under
> construction, and no links put in place yet in any of
the "tab" sections of the
> collapsible panels:
http://www.freywine.com/NewSiteExamples/index4.html
(I just
> want you to see how I'm using the collapsible panels,
and how the "Home" and
> "Order Here," for example, will have no text in their
"content" sections of the
> collapsible panels. Naturally, the parts with the
downward pointing triangle
> will have text with links in their "content" sections.)
>
> Basically, the question is: what's the best way to have
the tab section be
> just a link and the content section to not be there at
all. I suppose I could
> simply not use collapsible panel code, but then I would
have to figure out how
> to fit a non-collapsible panel div to fit right snug
between all the
> collapsible panels (I'm still very much a newbie with
CSS).
> Any simple way to deal with this?
>
> I've attached the complete collapsible panel code for
the one which has the
> tab text as a link and nothing in the content area.
Thanks for the help!
>
> <div id="CollapsiblePanel2"
class="CollapsiblePanel">
> <div class="CollapsiblePanelTab"
tabindex="0"><a
> href="
http://freywine.stores.yahoo.net/">Order
Here</a></div>
> <div class="CollapsiblePanelContent"></div>
> </div>
>

Spry Tab Panel Question

I am designing a new site which for the most part will be one
page of Spry Tab Panesl.
Is it possible to have the contect section grow or shrink
vertically according to the amount of content in a slow motion,
like the accordian or collapasible panels?

Morning Arnout,
Thank you for both links. I tried every permutation that was on Mr. Power's site (Thank you!) and the Adobe Labs site. Neither worked. And believe me when I say that I spent five hours working on it.
I can get the first file (00a.php) to open the second file (index.php) very easily by using <a href="../../index.php"> tag. But getting the following code to open the target file AND the tab at the same time is beyond my limited understanding of java script.
<a href="../../index.php" onclick="TabbedPanels1.showPanel('dontarget')"
onmouseover="MM_swapImage('donate','','../../images/donate1_over.png',1)" onmouseout="MM_swapImgRestore()"><img src="../../images/donate1.png" alt="Donate to Support this Site — PayPal" name="donate" width="70" height="44" border="0" id="donate1" /></a>
I even tried pasting in the java script "var TabbedPanels1 = ..." code from the target file at the bottom of the file I am linking from. I tried so many variations that eventually I corrupted my file. But I had two back ups just in case. The problem is just beyond my understanding of java script.
Heck, I would not have got the first file (index.php) to work without aid. With David's assistance I at least got it so that by clicking on the donate button on that page it opens the proper tab.

Panel Questions, user difned width

Similar Messages

Maybe you are looking for