TabNavigator with vertical Tab

Hi All
I would like to have a Tab navigator with the tabs on the
right hand side instead of above. That is, the tabs above should be
rotated 90 degrees and placed on the right had side.
Please help as i need it urgently.

http://www.macmartine.com/blog/2006/10/tabanywhere_moving_tabs_to_lef_1.html

Similar Messages

Need a tab navigator with vertical tabs and horizontal text as the tab label?

Hello,
I've found a component here http://hasseg.org/stuff/VerticalTabNavigator/VerticalTabNavigatorDemo.swf, but I need to display the labels horizontally. Any suggestions?

import javax.swing.*;
class VerticalScrollTextArea {
    public static void main(String[] args) {
        Runnable r = new Runnable() {
            public void run() {
                JTextArea ta = new JTextArea( 5, 20 );
                // the stuff you need
                ta.setLineWrap(true);
                // your GUI might not require this
                ta.setWrapStyleWord(true);
                JScrollPane sp = new JScrollPane(
                    ta,
                    JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED,
                    JScrollPane.HORIZONTAL_SCROLLBAR_NEVER);
                sp.setPreferredSize( ta.getPreferredSize() );
                JOptionPane.showMessageDialog(null, sp);
        SwingUtilities.invokeLater(r);
}

Form with inside a TabNavigator with FormItems

I have a Form that inside has a TabNavigator with differents tabs containing different FormItems, so the form is only one but the various FormItems are subdivided in different tabs.
The form works good but the FormItems inside the TabNavigator have bad alignment while the FormItems outside the tabs are ok.
Anyone has any tips to fix it? (code follows)
<mx:Form defaultButton="{btn}">
     // good align
     <mx:FormItem label="Name">
          <mx:TextInput />
     </mx:FormItem>
     <mx:TabNavigator>
          <mx:VBox label="TAB 1">
               // bad align
               <mx:FormItem label="Item in TAB 1" direction="horizontal">
                    <mx:RadioButtonGroup id="rb1" />
                    <mx:RadioButton groupName="rb1" label="N" value="0" />
                    <mx:RadioButton groupName="rb1" label="Y" value="1" />
               </mx:FormItem>
          </mx:VBox>
          <mx:VBox label="TAB 2">
               // bad align
               <mx:FormItem label="Item in TAB 2" direction="horizontal">
                    <mx:RadioButtonGroup id="rb2" />
                    <mx:RadioButton groupName="rb2" label="N" value="0" />
                    <mx:RadioButton groupName="rb2" label="Y" value="1" />
               </mx:FormItem>
          </mx:VBox>
     </mx:TabNavigator>
     <mx:ControlBar>
          <mx:Button id="btn" />
     </mx:ControlBar>
</mx:Form>

I've tried inserting textAlign in tabNavigator, formItems and VBoxes but the align of the formItems inside the tabnavigator still on the left. Any suggestion?

Vertical tabbed panel with background image

Hi all,
I have a working vertical tabbed panel. For the text that's shown, there's a background image assigned to the associated DIV.
However...
The background image that's shown is clipped to the bottom of the text.
In other words, if I have 3 lines of text, the bottom of the background image only goes as far down as the bottom line of text. In order to show the entire image, I have to put in a lot of </ br> tags for "empty" text, not a very good approach.
More of the backgound will show if I increase the text text size via the browser.
To try to describe this more accurately,
Let's say I have a background image that's 600 px in height, but the lines of text only measure to 400px. That means that the bottom 200 px of the image doesn't show, unless I add more lines of text.
Hoping someone has an answer!
Thanks,
Jerry

Gramps,
Again, thanks for your time. While we're now full time commercial photographers (http://www.jerryandlois.com), I was a software engineer for some 20+ years in an earlier life, all on the application side of things. Not really any appreciable time with website stuff.
There are a few more tech/how-to questions I have that are specific to CSS, in terms of polishing up the small site I'm working on. However these are not SPRY related, unless SPRY can solve this for me.
In particular, suppose I have a large block with a background image and a body of text. I want to ensure the text wraps around the image, rather than being a complete overlay where the text can collide with the main body of the photo.
Example:
http://jerryandloisstudios.com/about.html
The issue is that the text is resizable, by design of course. Is there any way to manage these two elements (text and image) so they get along the right way? We want the text to overlay some of the image, but only on the periphery, if that makes sense. So far, the only solution I've seen is to keep the text formatted roughly in a column so that if its size increases all will still be OK. But... artistically that just doesn't look right.
If you're up for it, I'd certainly welcome a private email thread, unless others can also benefit from the rather newbie questions I'm raising: [email protected]
Again, thank you for your help!!!
Jerry

I can no longer access vertical tabs

I love vertical tabs as I frequently navigate between 30 - 50 tabs. This is impossible with horizontal tabs. Please can you let me know why vertical tabs is no longer accessible. The Tree Style tabs doesn't work with Firefox 5. I can see no advantage to Firefox 5
Firefox is my working space. It is really discouraging to lose a facility without any explanation or replacement.
PLEASE bring back vertical tab

I keep some pictures in the picture files and they show up. The photos that I used to keep in iPhoto (which disappeared on upgrade) are not accessible in word. If you click on photo the file location (in Word) looks for iPhoto and comes up blank. If you try to enter the file location for "Photos" which is pictures/photolibrary this is greyed out and not accessible. The only way I have been able to do it is export the photos to a folder and choose the file. This is a pain.

Tabnavigator with swfloader problem

Hello,
I'm trying to run a tabnavigator component with each tab having a separate swfloader. Each swfloader is a different datagrid that I populate with the SystemManager.application['functionName'] = 'parameters' method.
My problem is that when I a few tabs, only the very last tab's datagrid will have data, and the others will be blank. What's wrong with it?
            public var matrixLoader:SWFLoader;
            public function addTab(tabName:String, swfURL:String, setFunc:Array, searchString:Array):void {
                var tabCanvas:Canvas = new Canvas();
                tabCanvas.label = tabName;
                tabCanvas.id = tabCanvas.label;
                tabCanvas.horizontalScrollPolicy = "off";
                tabCanvas.verticalScrollPolicy = "off";
                functionName = new Array(setFunc);
                paramString = new Array(searchString);
                matrixLoader = new SWFLoader();
                matrixLoader.minHeight = 100;
                matrixLoader.minWidth = 100;
                matrixLoader.percentWidth = 100;
                matrixLoader.percentHeight = 100;
                matrixLoader.addEventListener(FlexEvent.UPDATE_COMPLETE, created);
                matrixLoader.load(swfURL);
                tabCanvas.addChild(matrixLoader);
                tabnavi.addChildAt(tabCanvas,tabnavi.numChildren);
            public var loadedSM:SystemManager;
            private function created(event:FlexEvent):void {
                loadedSM = new SystemManager();
                if (matrixLoader.content != null) {
                    loadedSM = SystemManager(matrixLoader.content);
                    if (loadedSM.application != null) {
                        for(var i:int = 0; i < functionName.length; i++){
                            loadedSM.application[functionName[i].toString()] = paramString[i].toString();
Any help would be greatly appreciated.

Hopefully before you maybe loaded the subapp via
    swfLoader1.source="subapp.swf?foo=1
    swfLoader2.source="subapp.swf?foo=2
And code somewhere in the Application checked parameters.foo and set foo
appropriately:
    <mx:Application initialize="checkFoo()"...
    <mx:Script>
        public var foo:int;
        private function checkFoo():void
            foo = parameters.foo;
Now you just load the module once w/o parameters
    private var modInfo:IModuleInfo = ModuleManager.getModule("module.swf");
And once the module is ready:
    var module1:IMyModuleInterface = modInfo.factory.create();
    module1.foo = 1;
And
    var module2:IMyModuleInterface = modInfo.factory.create();
    module2.foo = 2;

How to get the menu-bar back if vertical tabs 0.9.4 is installed and the other bars were already switched off?

there is no firefox-button anywhere
in the adress-bar there is nowhere a free space where right-clicking works
right-clicking in the (vertical) tab-bar doesn't do anything

Hello,
In order to better assist you with your issue please provide us with a screenshot. If you need help to create a screenshot, please see [[How do I create a screenshot of my problem?]]
Once you've done this, attach the saved screenshot file to your forum post by clicking the '''Browse...''' button below the ''Post your reply'' box. This will help us to visualize the problem.
Thank you!

TabNavigator and dynamic tab-styles

I'm trying to change the tab-style skin style based on the content that the parent canvas is being provided.
For example, if the parent canvas (which is being reused everywhere) has a particular property, i'd like my tabNavigator's tabbar to use another skin for the buttons. I've created a getter in my tabNavigator to access the tab bar. To which i set the skin style to the class i'd want. Doesn't work. Is there a simple style that i can set to do this?
I've tried creating a css for every possibility and assign it to tabNavigator with a bindable variable. But it still displays the default value. If i put it in the mxml declaration stylename="customskin" it works. but if i put stylename="{_bindableStyle}", it doesn't work.
In both cases, none of the tabNavigator's children are created until this value is set, so i'm not trying to set a style after the content was created.
I've also tried creating the tabNavigator on creation instead of having it in the mxml declaration, doesn't work either.
Any thing else i can try that i haven't yet?

Hi Frank, thanks for response.
Do you think that somehow in my case there is only one instance of the TF_A ?
Here is relevant settings for my popup containing static region with TF_A
          <af:popup id="pB55" contentDelivery="lazyUncached"
                    popupFetchListener="#{myBean.crudPopupFetchListener}"
                    autoCancel="disabled" childCreation="deferred">
            <af:panelWindow ...>
              <af:region value="#{bindings.TF_A.regionModel}" id="r6"
            </af:panelWindow>
          </af:popup>myBean.crudPopupFetchListener :
   //Task flow activation code (for the TF binding 'active' property bellow)
   pageFlowScope.put("pB55", "true);
   // code for setting the TF parameters:
   .....and here i setting for TF_A binding from the pageDef:
    <taskFlow id="TF_A"
              taskFlowId="..."
              activation="conditional"
              xmlns="http://xmlns.oracle.com/adf/controller/binding"
              Refresh="ifNeeded" active="#{pageFlowScope.pB55 eq true}">
      <parameters>
      </parameters>
    </taskFlow>

TabNavigator Not Displaying Tabs

I have an app whose top-level container is a TabNavigator
(PARENT). PARENT has one static tab (index 0) and a Repeater bound
to an Array that dynamically creates the remaining tabs. Clicking a
button on the first tab adds an item to the Array and updates the
Repeater. What should happen is this:
A new tab is added whose content is another TabNavigator
(CHILD) with four tabs. The selectedIndex of PARENT is updated to
the newly-added tab and CHILD's selectedIndex is updated based on
the data contained therein.
What actually happens is this:
A new tab is added whose content appears to be a Box with a
border, but no tabs. Only the content of CHILD's first tab is
displayed.
At one point this was working but now it's messed up. I've
checked all of my code for consistent line endings, etc. The app
runs perfectly except for this display issue.

quote:
Originally posted by:
ntsiii
One this I see is that you shuld have:
AppTabs.selectedIndex = openDeals.length - 1;
since selectedIndex is zero based.
Tracy
The reason I'm using openDeals.length is because the static
tab takes up index 0 so I need to start at 1 for my new tabs. That
was purposeful. I'll try the creationPolicy and see what
happens.

Spry - Vertical Tabbed Panel

Hey guys,
I looked around this site and I could find an answer to this but I couldn’t, so I thought I would pop this question in.
I want to make a vertical Tabbed Panel but I want it to be split into different categories.
The category heading is not clickable but its sub item are clickable, e.g.
Group A – Not clickable                     | Content Panel
Tab1 – Shows content panel 1            |
Tab2 – Shows content panel 2            |
Group B– Not clickable                      |
Tab3 – Shows content panel 3            |
Tab4 – Shows content panel 4            |
I tried a few ideas but with not luck. If anyone could point me in the right direction I would be very grateful.

What I would do is make small change the JavaScript file
Find Spry.Widget.TabbedPanels.prototype.getTabs and replace it with this function.
Spry.Widget.TabbedPanels.prototype.getTabs = function()
     var tabs = [];
     var tg = this.getTabGroup();
     if (tg)
          tabs = this.getElementChildren(tg);
     for(var i = 0; i < tabs.length; i++){
          if(!tabs[i].className.match('TabbedPanelsTab')){
               tabs.splice(i, 1); // remove because its not a tab
     return tabs;
It checks if your tabbedpanels tab have the class "TabbedPanelsTab" if it does, it will allow it to be tab
So now you can do..
<div class="TabbedPanels" id="tp1">
<ul class="TabbedPanelsTabGroup">
<li class="tab1" tabindex="0">I do nothing</li>
<li class="TabbedPanelsTab tab2" tabindex="0">Tab 1</li>
<li class="TabbedPanelsTab tab3" tabindex="0">Tab 2</li>
<li class="TabbedPanelsTab tab4" tabindex="0">Tab 3</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Tab 1 Content</div>
<div class="TabbedPanelsContent">Tab 2 Content</div>
<div class="TabbedPanelsContent">Tab 3 Content</div>
</div>
</div>

IMac 21.5" boots to white screen with vertical blue lines/bars then locks up

iMac 21.5" (mid 2010) Intel Core i3 4GB RAM with Radeon HD 4670 boots to white screen with vertical blue lines/bars:
Then it locks up after a few minutes, at which point the screen changes to white with these blue symbol things all over the screen:
If boot to Safe Mode, it still has the white screen with blue lines/bars, but eventually loads the login screen and I can successfully login and get to the desktop, but even that has the bars/lines.
Eventually, after enough restarts or hard shutdowns it will boot normally with no video/display issues. I've run disk checks, did the SMC and PRAM resets, checked logs (that I know of), and have even taken it completely apart, cleaned it out, reseated everything, put it all back together, but no change. I've read a few other posts about similar issues (but not quite the same video issue as this) where people had the logic boars replaced or reinstalled OSX, but that didn't always fix it. Any ideas? Has anyone seen this issue before? Thank you.

crw4096 wrote:
Is this a dead disk?
Very well could be.
If you can not startup from the Hardware Test, in Safe Mode or from > OS X Recovery as discribed in the Support article's.
Dig out the original Install Disc set that came with the iMac and do one of the following.
1. Attempt to Repair the Hard Drive.
Start from your Mac OS X Install disc: Insert the installation disc, then restart the computer while holding the C key.
When your computer finishes starting up from the disc, choose Disk Utility from the Installer menu. (In Mac OS X 10.4 or later, you must select your language first.)
Important: Do not click Continue in the first screen of the Installer. If you do, you must restart from the disc again to access Disk Utility.
Click the First Aid tab.
Click the disclosure triangle to the left of the hard drive icon to display the names of your hard disk volumes and partitions.
Select your Mac OS X volume.
Click Repair. Disk Utility checks and repairs the disk.
2. Run the Hardware Test from the second Install Disc.
1. Insert Disc 2 and Startup holding the D key.
2. Select the Extended Hardware Test.
Then if you still can not get anything going, you need to contact your Local Apple Store or AASP and make a Service appointment.
see > Apple - Find Locations

How can I merge all of the new FF windows that are open into one window with multiple tabs? Safari has a merge windows feature that I like. This is really nice when conducting reasearch on multiple sites at the same time.

When I clik on weblinks they all open into new windows making it somewhat painful to clik on window in the menu bar to go to each new page. I would rather have a feature that would allow me to merge all of those individual windows into tabs within one page.
== This happened ==
Every time Firefox opened

Thank you. That worked. I was able to open 1 window with multiple tabs. Thanks cor-el!

Excel sheet with multiple tabs to be sent as email

Hi Experts,
I have a requirement to generate an Excel sheet with multiple tabs to be sent as email to a distribution list.
Please help if you have any ideas on the same.
Thanks,
Preema

[http://wiki.sdn.sap.com/wiki/display/ABAP/ToGetFieldDetailsSavedinVariantLayout|http://wiki.sdn.sap.com/wiki/display/ABAP/ToGetFieldDetailsSavedinVariantLayout]
with this we can get the modified field catalog based on layout variant
without calling alv output function modules
Thanks! SDN.

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome. Works in IE. This is my first time trying to post a question - so please be kind. I am also not good with code and am finding css a real challenge after learning to design based on tables. I'm using CS5.
The "test" page with the slide show is: http://www.reardanwa.com/index-slides.html   The same page without the slide show is http://www.reardanwa.com/
I realize the images are not ideally sized - I'll fix those once I get the pages to function. Maybe I need a different slide show? I would prefer a widget that I can modify to required size & postition. Again - I'm not good at building with code from scratch.
The problem is the naviagation links that are directly next to the slide show do not work in Firefox of Chrome. They do work in IE.
I've read about using jQuery.noConflict(); code but can't figure out the correct way to use it in my case or whether that's even part of the solution. I know my code is not well organized as I have cobbled together from various sources in an attempt to format the page the way the client wants it. Also, FYI, I will eventually try to make the page work in Surreal CMS.
I've spent sevaral days over the last several weeks trying to solve sth slide show/navigation conflict - so any specific light you can shed will be much appreciated.
Thanks in advance.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reardan Area Chamber of Commerce</title>
<meta name="description" content="home page for Reardan Area Chamber of Commerce" />
<meta name="keywords" content="Reardan WA, chamber of commerce" </>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"> </script>
<script type="text/xml">
</script>
<style type="text/css">
                              #slideshow {
                                  padding: 10px;
                                        margin:0;
                              #slideshow-caption{
                                        padding:0;
                                        margin:0;
                              #slideshow img, #slideshow div {
                                  padding: 10px;
                                  background-color: #EEE;
                                  margin: 0;
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          background: #004B8D;
          margin: 0;
          padding: 0;
          color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
          padding: 0;
          margin: 0;
h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
           /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
.left
position:absolute;
left:0px;
.center
margin:auto;
width:95%;
.box
          position:relative;
          left:-90px;
          width:950px;
          height:350px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          z-index:1000;
.slide{
    position:absolute;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
          border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
          color: #42413C;
          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
          color: #6E6C64;
          text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
          text-decoration: none;
/* ~~this fixed width container surrounds the other divs~~ */
.container {
          width: 960px;
          min-height:900px;
          padding:5px 0px 0px 0px;
          background: #E8F8FF;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
          background: #E8F8FF;
          padding:10px 5px 0px 5px;
.sidebar1 {
          float: left;
          width: 225px;
          margin: 60px;
          color: #FFFF0D;
          background: #595FFF;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
    z-index:-1;
.sidebar2 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:2;
.sidebar3 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:3;
.content {
          padding: 0px 0px 0px 0px;
          width: 780px;
          float: left;
          background: #E8F8FF;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
          padding: 0px 15px 5px 10px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
          list-style: none; /* this removes the list marker */
          border-top: 0px solid #FFFF66; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
          margin-bottom: 50px; /* this creates the space between the navigation on the content below */
          font: Arial Black, Verdana, , Helvetica, sans-serif;
          font-size:1.3em;
          font-weight:bold;
          z-index:2;
ul.nav li {
          border-bottom: 0px solid #FFFF66; /* this creates the button separation */
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
          padding: 3px 0px 5px 0px;
          display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
          width: 185px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
          text-decoration: none;
          color: #FFFF0D;
          background: #595FFF;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
          background: #595FFF;
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
          color: #FFFFFF;
/* ~~ The footer ~~ */
.footer {
          padding: 10px 0;
          background: #595FFF;
          color: #FFFF0D;
          position: relative;/* this gives IE6 hasLayout to properly clear */
          clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
          float: right;
          margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
          float: left;
          margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
          clear:both;
          height:0;
          font-size: 1px;
          line-height: 0px;
-->
</style>
</head>
<body>
<div class="container">
<div class="header">
<a href="#"><img src="images/Chamber-Logo-2.gif" alt="Reardan Chamber Logo" width="187" height="163" hspace="10" vspace="5" align="top" /></a><img src="images/Reardan-Chamber-Title.gif" width="476" height="204" alt="Reardan Area Chamber of Commerce, Dedicated to Preserving and Enhancing Area Businesses" /><p></p>
<p style="color: #F00">This Site is under construction! Please pardon our dust as we create!</p>
</div>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="about.html">About Us</a></li>
      <li><a href="history.html">Reardan History</a></li>
      <li><a href="activities.html">Activities</a></li>
      <li><a href="business.html">Business<br />
        Directory</a></li>
      <li><a href="about.html">Join the<br />
        Chamber</a></li>
       <li><a href="links.html">Links<br />
  <span style="font-size: 85%">Tourism</span><br />
      </a></li>
    </ul>
     </div>
<br />
<br />
<br />
<br />
<div class="box" +"slide">
<script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow
                           slideshowAddCaption=true;
$(window).load(function() {
$('#slideshow').cycle({
                    after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                    autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                    fx:                                        'blindX',// name of transition effect
                    pause:                              false,     // true to enable pause on hover
                    randomizeEffects:          true, // valid when multiple effects are used; true to make the effect sequence random
                    speed:                              100, // speed of the transition (any valid fx speed value)
                    sync:                              true,     // true if in/out transitions should occur simultaneously
                    timeout:                    5000, // milliseconds between slide transitions (0 to disable auto advance)
                    fit:                              true,
                    height:                       '300px',
                    width:         '525px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
function slideshowOnCycleAfter() {
          if (slideshowAddCaption==true){
                              $('#slideshow-caption').html(this.title);
// EndOAWidget_Instance_2559022
</script>
<div id="slideshow">
    
    <img src="images/100_1537.jpeg" width="600" height="450" title="caption for image1" /> <img src="images/Parade-2011-2.jpg" width="300" height="225" title="caption for image2" /> <img src="images/100_1495.jpeg" width="600" height="450" title="caption for image3" />
    <div title="sample title"> Images for slide show will need to be re-sized to fit box to avoid distortion</div>
    <img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>

<div id="slideshow-caption"></div></div>
<div class="sidebar2" "anotherClass editable"><p align="center"><strong>Chamber News</strong><br />
Local News item
<br />
Another New item</p>
<p align="center">lots of news this week<br />
    <br />
    <br />
    <br />
</p>
</div>
<div class="sidebar3" "anotherClass editable"><p align="center"><strong>Upcoming Events</strong></p>
<div align="center">    <a href="activities.html" style="color: #FFFF0D">Community wide yard sales</a><br />
    <br />
    <br />
    <br />
    <br />
</div>
</div>
<div class="content"><br />
<br />
</div>
<div class="footer">
        <p align="center"><span style="font-size: small">Reardan Area Chamber of Commerce</span><br />
          <span style="font-size: x-small">[email protected] - 509.796.2102</span><br />
        </p>
        
</div></body>
</html>

If you DO want the slideshow overlaping the navigation try the below css:
.sidebar1 {
    float: left;
    width: 225px;
    margin: 60px 0px 60px 60px;
    color: #FFFF0D;
    background: #595FFF;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
.box {
float: left;
margin-left:-60px;
width:700px;
height:350px;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;

Terminal.app won't return window to default size with open tab

I regularly have multiple Terminal.app windows open with multiple tabs open in them. If I have a window open with no tabs, I can drag scale the window to whatever size is convenient for me at the moment, then use the Window > Return to Default Size function to make it go back to my default size configured in the app preferences.
The problem comes when I have a window open that is already scaled to a different size and I open a tab. This resets the default size to whatever size the window was when the tab was opened. The result is that if I use the Window > Return to Default Size function, it does nothing, unless the window has been scaled again, then it resets the window size to what it was when the tab was opened, not the default size configured in my preferences.
Is this a feature, or a bug? Is there a way I can make it retain the default size dimensions even when I've opened a tab?

I would solve the problem by resizing after closing the added tab. However, your inquiry is really beyond my abilities. Questions do get answered in these forums; sometimes not, in which case resorting to Apple Support _may_ resolve the issue. Have you checked out posting under "Mac OS X Technologies"? I believe there are Unix sections to that forum. Good luck.

TabNavigator with vertical Tab

Similar Messages

Maybe you are looking for