Monitor Panel question
First timer here, so bear with me. I have imported my files, but the monitor panel right side is zoomed in. I have a feeling I just missed a setting somewhere. Can anyone tell me what I did wrong and how do I fix it?
Looks like I may have just selected the wrong video type when I first created the project. Is there any way to change that,
or do I have to start the project over again?
Similar Messages
-
Why would my video clips be running too fast when played on the monitor panel?
I posted my problem earlier today, but re-reading it maybe I didn't explain myself well enough.
My main question is: "why would my video clips be running too fast when played on the monitor panel ?". This is occuring after I have selected my media from the Tasks Panel and placed them in correct order in the Timeline/Sceneline. I knew something was wrong when I could see that the clips were not indicating their right length when viewed in the (expanded) timeline. They were compressed into just a few seconds, whereas the clips should have been at least 5 minutes. I ran the clips in the monitor and sure enough they ran too fast, with a lot of jerking movements.
The 3 video clips I am trying to make into a HD PAL video were taken with my Nokia N8 mobile video camera. These are in mp4 format. Can this present a problem ? Note that when I play these individual HD clips on my computer in (Windows Media Player) they run fine.
After I placed the clips in my Project Panel (or before in the Organize Workspace), I have perforned no change or manipulation of the clips. They are in their original state.
Just too confirm that the clips did seem to be compressed, I burnt a DVD, the resultant video ran in a matter of seconds.
Help would be greatly appreciated.Yes, that is what the problem was.
Although the video camera on my Nokia N8, mobile was capturing at 25fps,
for some reason once transfered over to PrE9 (via file transfer), the clip was interpreted as 500fps. Once in Interpret Footage I was able to change the fps to 25.
Thanks for the help. -
I'm stuck in the monitor panel.
I want to add to my movie, but cant get out of the monitor panel. How do I get back to the time line so I can add more to the movie?
Hi, in answer to your questions
. We have elements 7 and are using a HP laptop. I shut down the computer and then realised that I had not shut down Elements first. I canceled shutdown and went back and shut the programme. When I later returned to elements , I found that I could not get out of the monitor panel.
Date: Fri, 1 Nov 2013 14:38:17 -0700
From: [email protected]
To: [email protected]
Subject: I'm stuck in the monitor panel.
Re: I'm stuck in the monitor panel. created by A.T. Romano in Premiere Elements - View the full discussion
valleysend
What version of Premiere Elements are you using and on what computer operating system is it running?
Are you working with one monitor system? Have you been moving workspace panels around?
What workspace are you in
Premiere Elements 12....Quick, Expert, Quided Quick, Quided Expert
Premiere Elements 11...Quick or Expert
Premiere Elements earlier than 11, Timeline or Sceneline
What were you doing last before you realized you could not import additional source media?
Let us start here and then decide what next.
Thanks.
ATr
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5807974#5807974
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5807974#5807974
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5807974#5807974. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Premiere Elements at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746. -
I have tried to view videos created in premiere elements 10 and I get the following message: "this file type is not supported, or the required codec is not installed. When it opens there is a red screen in the monitor panel with Korean writing which also appears in the place of each clip in the video. I tried uninstalling and reinstalling premiere elements 10, but that did not have any effect on the video. Do you have any suggestions? I researched codec, but do not understand them at all.
gloucester
In case you did not find it, the following is a copy/paste of the Announcement on Premiere Elements 19/NVIDIA GeForce
that appears at the top of this forum.
Premiere Elements 10 NVIDIA Video Card Driver Roll Back
If you are a Premiere Elements 10 user whose Windows computer uses a NVIDIA GeForce video card and you are experiencing
Premiere Elements 10 display and/or unexplained program behavior, then your first line of troubleshooting needs to be rolling
back the video card driver version instead of assuring that it is up to date.
Since October 2013 to the present, there have been a growing number of reports about display and unexplained workflow
glitches specific to the Premiere Elements 10 user whose Windows computer has a NVIDIA GeForce video card. If this applies
to you, then the “user to user” remedy is to roll back the NVIDIA GeForce video card driver as far as is necessary to get rid of
the problems. The typical driver roll back has gone back as far as March – July 2013 in order to get a working Premiere
Elements 10. Neither NVIDIA nor Adobe has taken any corrective action in this regard to date, and none is expected moving forward.
Since October 2013, the following thread has tried to keep up with the Premiere Elements 10 NVIDIA reports
http://forums.adobe.com/thread/1317675
Older NVIDIA GeForce drivers can be found
http://www.nvidia.com/Download/Find.aspx?lang=en-us
A February 2014 overview of the situation as well as how to use the older NVIDIA GeForce drivers for the driver roll back can be found
http://atr935.blogspot.com/2014/02/pe10-nvidia-video-card-roll-back.html
ATR -
No Preview in the Monitor panel
Hello all,
when I start playing the images, there is no preview available in the Monitor panel (white screen). Only stopped sequenzes were shown and the sound is playing. This problem occurs independently from the used files. When starting Pre there is a failure shown:Problems with the Intel Graphics.But the driver is updated to the latest version. Furthermore it is not possible to change the setting from the Graphic Card as described in the Pre Help.
Select Edit > Preferences > General.
Deselect Enable GPU Playback and in the Playback Preferences dialog, click OK to confirm.
This menu is not available!
Thanks in advance for your help and best regards,What model of camcorder is your video coming from and what format it is?
When you started your project, which project settings did you select? If you selected the right project settings for your video, you will NOT see red lines above your clips when you add them to your timeline. Is this the case in your project?
Have you ensured you have the latest version of Quicktime, per the program's requirements? Have you gone to the nVidia or ATI site and ensured you have the latest drivers for your graphics card? -
.mts file video won't play in Elements 10 Monitor Panel
Hi All
I am having trouble with .mts files. I have Premier Elements 10 on Win7 pc, and I have just, for the first time, opened .mts video files which were taken on my Lumix FZ150. When I drag the scenes onto the timeline then try to preview them I can hear the audio but the video in the Monitor Panel doesn't move, it doesn't play.
Is there something I am doing wrong?jgjgjfjf
What computer operating system is your Premiere Elements 10 running on? And, does your computer use a NVIDIA GeForce video card/graphics card?
IMPORTANT. Please read the Announcement at the top of this forum regarding the Premiere Elements 10 NVIDIA GeForce issue. That Announcement describes the problem and gives detailed information on how to deal with the situation.
Do you have problems getting a video display in the Edit area monitor for still and videos from other sources?
Also of importance in directing the troubleshooting are the properties of the Panasonic Lumix FZ150 video file that you are importing and the project preset that you are selecting to match the properties of that video. From what I have read of your camera, you could have MPEG-4, AVCHD, or MotionJPEG video compression. But, with that .mts file extension, that would suggest that your camera is set to record AVCHD. Is that correct? Are you sure of the file extension and video compression for the file?
The answers to all of the above will point us to the solution to your issue.
We will be watching for your results.
Thank you.
ATR -
Everything worked fine in capture mode from a camera.When i change the 4850 ati with a new GTX 470 n vidia,the monitor panel in capture mode, looks like the black level has increased,or something like that.. Actually there is no basic problem the clip is captured correct.Does anyone knows about it?The same issue happens also in cs4.ASUS P6T, I7,12GRAM, VISTA 64 NVIDIA DRIVERS 260.99.
Thanks a lot for your reply.I did but nothing change.During capture if i click capture settings i can see the real black in monitor.Why the source and the program monitors are correct and this happens only in capture mode?
-
Monitor Compatibility Question
I plan on purchasing a Mac Pro with the Radeon X1900 XT card in the near future. I have been shopping around for a good monitor, and the Dell UltraSharp 2407WFP (found here: http://accessories.us.dell.com/sna/productdetail.aspx?c=us&l=en&s=dhs&cs=19&sku= 320-4335) caught my eye. However, at the bottom of the tech specs, it lists only PC under "Compatibility." I know of other people who have used Dell monitors for their Macs, and this monitor does have DVI, so I don't see why it would not be compatible with the Mac Pro. Does anyone know definitively whether or not this monitor would work?
Hello,
You should be just fine. The majority of monitors are listed as compatible with PC's only. The simple reason is that the manufacturers don't care to test them with Macs and have all their resources devoted to supporting what they know.
If they mentioned that it would work with a Mac, then they would be stuck trying to answer your questions on the phone if you needed help. Since they don't use Macs, and don't maintain a staff of Mac trained people, it is easier to just omit official support. That way they can just tell you that they don't support Macs and hang-up the phone.
I've been using PC monitors with my Macs since before Apple even supported PC monitors at all (you used to have to buy monitors with Apple specific cables). I would just use an adapter to convert the PC connector to connect to the Mac video port.
In all my years, I've never found a PC monitor that would not work with my Mac. And, that still holds true today. I've used several low-end monitors with my current machines, and all work fine.
I've even got a bargain basement DVI monitor connected right-now, and it works perfectly.
Basically, if you want official support and a guarantee, then buy a monitor that specifically lists Mac compatibility.
But, if you are willing to accept that their phone support will avoid helping you, then go with any brand you like.
Understand that Dell is primarily interested in selling and supporting Dell computers. They have no interest in fielding calls from Mac users because they are not going to be familiar with OS X. Naturally, they will list PC compatibility because they know Windows very well.
But, you should also understand that the only difference between an Intel-based Mac and an Windows PC, is that the Intel-based Mac can also run OS X. Otherwise, they are just different brands of computers that use pretty much the same hardware.
I hope this helps.
Let us know if you have other questions.
P.S., if you'd like, go ahead and click the "Helpful" or "Solved" buttons on any of the posts / replies above if you feel they were helpful or adequately answered your question. -
Hi all,
I'm working on a graphic for a Flash presentation. I've been working in Windows RGB proof setup. Then I realized that when I save as a JPG, it changes color. I spent a lot of time getting the colors on this abstract piece perfect, and don't relish the thought of having to go it again using the Monitor proof setup. Is there a way to convert the way the colors look in Windows Proof to be the same as it looks in Monitor RBG proof?
Thanks so much,
PaulYou're fighting the color management. I'm trying to point you the right
direction, perhaps with some false assumptions on my part.
If you want your work to look good on the web, convert your image to the
sRGB profile. This will give you colors that are reasonably close to your
original on the vast majority of displays out there. This is my
recommendation.
If you want your work to look good just on your own system, then convert
your image to your monitor profile. To do this, you'll need to locate the
name of the color profile, under the Color tab under the Display control
panel. One warning about this: it will look perfect on your own system,
and maybe not so great on other people's systems. If this is how you want
to work, type ctrl-shift-K and change Settings to "No Color Management".
If neither of these is what you want to do, explain it in more detail, and
I'll try to give you more information. -
LMS 4.2.3 Fault Monitor threshold question
Hello, I would like to know if anyone know how to find out which Fault Threshold group a specific interface belongs to.
The scenario is that in Fault Manager there is an alarm for which I want to change the Threshold Setting.
Example Alarm:
Event_Description HighUtilization
Device IP x.x.x.x
Device Type Routers
Fault Last Updated At 19-Mar-2013 09:44:25
Component IF-router2.x.x/26 [Tu187] [x.x.x.x]
Component Class Interface
Component Event Code 1056
Current Utilization 68.323204 %
Duplex Mode FULLDUPLEX
Event Category Utilization
Event Source DFM
If Description Tunnel187
Max Speed 100000
Traffic Rate 8540.4 BYPS
Type TUNNEL
Utilization Threshold 40
If I look in Monitor > Fault Settings > Setup > Threshold Settings.
Then expand all groups under DFM, there is no group called "Tunnel", so the question is which group this Interface belongs to?
BR /CrilleIts defined as an 10/100 ethernet interface " Component Class Interface" with a 40% threshold utilization which it fell below per the event notifiation of 68.3%.
Component IF-router2.x.x/26 [Tu187] [x.x.x.x]
If Description Tunnel187 --> Interface on router
Max Speed 100000 --> Interface type(Fast Ethernet) -
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,
MarinkaI 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">
<!--
body {
font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
background: #FFF;
color: #000;
.TabbedPanelsTab1:hover {
background-color: #15375E
.TabbedPanelsTab2:hover {
background-color: #016596
.TabbedPanelsTab3:hover {
background-color: #00A0AF
.TabbedPanelsTab4:hover {
background-color: #679145
.TabbedPanelsTab5:hover {
background-color: #B4D88B
.TabbedPanelsContent ul#tab1 {
list-style-image: url(Website_03-web-images/bullet1.png)
.TabbedPanelsContent ul#tab2 {
list-style-image: url(Website_03-web-images/bullet2.png)
.TabbedPanelsContent ul#tab3 {
list-style-image: url(Website_03-web-images/bullet3.png)
.TabbedPanelsContent ul#tab4 {
list-style-image: url(Website_03-web-images/bullet4.png)
.TabbedPanelsContent ul#tab5 {
list-style-image: url(Website_03-web-images/bullet5.png)
ul {
padding: 0;
margin: 0;
ol, dl, ul {
padding-right: 15px;
padding-left: 5px;
margin: 0 0 0 15px;
list-style-type: none;
list-style-position: outside;
text-indent: 0px;
h1, h2, h3, h4, h5, h6 {
margin: 0;
line-height: 17px;
p {
margin: 0;
line-height: 17px;
padding-right: 15px;
a img {
border: none;
a:link {
color: #b4d88b;
text-decoration: none;
a:visited {
text-decoration: none;
a:hover, a:active, a:focus {
text-decoration: none;
color: #016596;
.container {
width: 1024px;
background: #FFFFFF;
margin: 0 auto;
.content {
background: #FFFFFF;
clear: both;
height: 200px;
margin-top: 50px;
.header {
background: #FFF;
width: 1024px;
height: 120px;
.column1 {
float: left;
width: 338px;
background: #15375E;
height: 20px;
.column2 {
width: 348px;
float: left;
background: #016596;
height: 20px;
.column3 {
float: left;
width: 338px;
background: #679245;
height: 20px;
.placeholder {
width: 1024px;
height: 400px;
clear: both;
.footer {
padding: 0px;
background: #FFF;
position: relative;
clear: both;
width: 280px;
text-align: right;
.fltrt {
float: right;
margin-left: 8px;
.fltlft {
float: left;
margin-right: 8px;
.clearfloat {
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
-->
</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"><!-- end .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"><!-- end .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>
<!-- end .content --></div>
<div class="footer">
<copyright>©2011 <!-- end .footer --></copyright>
</div>
<!-- end .container --></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; -
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.
LI dug around a bit more and saw an example that shows me that I can do this. Thanks anyway!
-
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
DenisNot that I am aware of
-
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>
>
Maybe you are looking for
-
Trying to sync Palm IIIc with Powerbook
I have been trying to sync a Palm IIIc with my Powerbook which is currently running Tiger (I cannot run OS 9 at all). I bought the IIIc on eBay and it works flawlessly except for the fact that it won't sync. I can click on the hotsync square on the s
-
Error message when publishing and problems opening output file
I have 5 projects linked together. When I publish one, I get a message that the files listed below are linked to the open project, and one or more of these projects may require exporting. I have tried to open these files and choose File | Export | Pr
-
How can I make my iPhone 4S auto-push my email?
As a student in college, I constantly email my professors back and forth but waiting 15 minute intervals until my mail refreshes is ridiculous. I can't seem to find a way around this... I have just switch to the iphone from a blackberry which automa
-
SONY XDCAM LOG and TRANSFER CRASHING FCP
I am trying to log and transfer xd cam footage. every time i open the log and transfer window, FCP crashes. What is the cleanest way to get rid of the xdcam plugin. the error message reads: The application Final Cut Pro quit unexpectedly after it was
-
At present 2 websites are not opening. When I am trying to open these sites either "problem loading page or the website you are looking is not present". These two messages are being displayed.