Dynamically resizing a side bar

I have a side bar that contains a list of events from Google's calendar. I want the div that contains the events to be resized so the events won't spill out of the element. The following code in widget1_markup.html does this.
function adjustEventDIV() {
var id2=doc.getElementById('id2');
var eventDiv=doc.getElementById('calendarEvents');
var titleDiv=doc.getElementById('calendarTitle');
id2.style.height=25titleDiv.offsetHeight+eventDiv.offsetHeight'px';
My problem comes from the picture frame. The frame consists of 8 unnamed images. I've tracked the frame creation to Welcome.js:
function applyEffects() {
var registry = IWCreateEffectRegistry();
registry.registerEffects({
stroke_0 : new IWPhotoFrame(
[IWCreateImage('Welcomefiles/Creme_frame201.png'),
IWCreateImage('Welcomefiles/Creme_frame202.png'),
IWCreateImage('Welcomefiles/Creme_frame204.png'),
IWCreateImage('Welcomefiles/Creme_frame208.png'),
IWCreateImage('Welcomefiles/Creme_frame209.png'),
IWCreateImage('Welcomefiles/Creme_frame214.png'),
IWCreateImage('Welcomefiles/Creme_frame213.png'),
IWCreateImage('Welcomefiles/Creme_frame205.png')],
null, 0, 1.000000, 3.000000, 3.000000, 3.000000, 3.000000, 23.000000, 23.000000, 23.000000, 23.000000, 20.000000, 19.000000, 20.000000, 19.000000, null, null, null, 0.400000) ,
stroke_1 : new IWPhotoFrame(
[IWCreateImage('Welcomefiles/Creme_sidebar_frame01.png'),
IWCreateImage('Welcomefiles/Creme_sidebar_frame02.png'),
IWCreateImage('Welcomefiles/Creme_sidebar_frame03.png'),
IWCreateImage('Welcomefiles/Creme_sidebar_frame06.png'),
IWCreateImage('Welcomefiles/Creme_sidebar_frame09.png'),
IWCreateImage('Welcomefiles/Creme_sidebar_frame08.png'),
IWCreateImage('Welcomefiles/Creme_sidebar_frame07.png'),
IWCreateImage('Welcomefiles/Creme_sidebar_frame04.png')],
null, 2, 1.000000, 0.000000, 0.000000, 0.000000, 0.000000, 10.000000, 16.000000, 10.000000, 20.000000, 523.000000, 173.000000, 523.000000, 173.000000, null, null, null, 0.100000)
registry.applyEffects();
The code I need to modify begins with stroke_1. I need to move that code to a function in widget1_markup.html so I can pass id2.offsetHeight to create the photo frame. I also haven't decoded the dimensions listed after the image URLs.
IWCreateEffectRegistry, IWPhotoFrame and IWCreateImage are located in iWebImage.js. Is the documentation for the object in this file?

How do you insert google calendar's events list? using HTML Snippet?
I also haven't decoded the dimensions listed after the image URLs.
these are the parameters:
IWPhotoFrame(images, maskImages, tilingMode, assetScale, leftInset, topInset, rightInset, bottomInset, unscaledLeftWidth, unscaledTopHeight, unscaledRightWidth, unscaledBottomHeight, leftTileHeight, topTileWidth, rightTileHeight, bottomTileWidth, adornmentURL, adornmentPosition, adornmentSize, minimumAssetScale)
IWCreateEffectRegistry, IWPhotoFrame and IWCreateImage are located in iWebImage.js. Is the documentation for the object in this file?
No, there is no documentation... but that makes *reverse engineering* fun, welcome to the club
This is rather technical question, if you don't mind to go offline. You need to google my site ie: 'iweb2 cyclosaurus', I have email links there... drop me an email.
sorry, but because of this: http://discussions.apple.com/thread.jspa?messageID=7467928&#7467928

Similar Messages

Resizing tab and side bar

how do you resize the tab and side bar? Downloaded Maverick and can't find where to resize even after looking in the preference. It is small.....

Could be corrupt plist. Try deleting both the com.apple.finder.plist and com.apple.sidebarlists.plist and relaunch Finder.
Finder>Go>Go to Folder> copy and paste:
~/Library/Preferences/com.apple.finder.plist
delete it.
Finder>Go>Go to Folder> copy and paste:
~/Library/Preferences/com.apple.sidebarlists.plist
delete it.
Now relaunch the Finder. The Finder icon is in the very left of the Dock, hold the control and option key click the icon>Relaunch

Side-bar: Thought I'd share...

I was looking to get an effect similar to the side bar in Internet explorer, with a close button, and elegant expansion/retraction.
Partly by accident, I hit upon a nice little combination:
JSplitPane, containing the SidePanel on the left.
Make the SideBar panel a GridBagLayout. Use some padding in the layout to set the minimum size.
Add a JMenuBar to the top of the SidePanel
Set the JMenuBar layout to border layout.
Add a JMenu to the WEST part of the JMenuBar, and set the label to the label of the SidePanel. This serves dual function as title and speed menu
Add a JButton("X") to the EAST part of the JMenuBar. Turn off border and focus painting, and set the margins to (2,4,2,4)
Make the split pane one-touch expandable
I thought the end effect was quite pleasing (see screen-shots retracted, expanded, menu extended). A bit more tweaking and this could be made quite elegant. I particularly liked the effect of the GridBagLayout padding - the SplitPane used this information to resist being undersized, which meant that clicking on the retracted edge of the pane instantly resized it to the minimum size, and the pane can't be shrunk too much by dragging the border.
Anyway, I was quite pleased with the effect. Hope it helps someone.

Not bad. First, the only thing I would change is using a TableLayout. Gridbag layout is just too complicated for my tastes. TableLayout allows a lot more dynamic control, including adding/removing rows/columsn. In the example you gave, if you set the SplitPane left component to a JPanel that has a TableLayout, you can use a single column multi-row layout, perhaps like so:
double[][] leftLayout =
{TableLayout.MINIMUM},
{20, TableLayout.FILL},
TableLayout tl = new TableLayout(leftLayout);
JPanel leftPanel = new JPanel(tl);
splitPane.setLeftComponent(leftPanel);
Now, when you want to collapse the left pane, listen for the change of the split bar and if it is to be fully collapsed, simply do:
prevDividerLocation = splitPane.getLastDividerLocation();
tl.setColumn(0,0);
and to make it reappear:
tl.setColumn(0,prevDividerLocation);
I am not 100% sure this exact bit of code would do the trick, but I feel it offers a much easier and more flexible layout to more easily add components.
Now, what would really be the shit is if you could get your component to do the Outlook thing, with vertical bars that can slide up or down, each revealing a panel of info. We did something like this before, although I was not the one who did it. I know we used grid bag layout and stuff. I am actually going to be creating a component like this for my own use in the not too distant future.
Regardless, great work! Looks like a pretty kewl component. There are no doubt many ways to implement the same thing, who's to say anyone is better than the other. Just keep on churning out great components and combo-components like this for the rest of the java world to use!

Side bar auto expanding to fit longest filename in file dialog windows

This may sound like a small problem but I have been finding it quite frustrating and it seems to have been introduced with the introduction of Lion (OS 10.7). I use the Finders sidebar to quickly access project folders. Now the names of these folders are often quite long... Say 40 to 50 characters long. Now go to an application and select open, save, import, export, etc. anything that will bring up a file dialog window the I find the side bar automaticly expands to the width of the longest file name in the side bar. If I resize it and then access the dialog box again it is back to that massive size.
This never used to be a problem in snowleapord... Is there a way to fix this?

I'm on 8.2 and I can't get it to fail no matter how I select the desktop. I haven't tried it in 8.0, but I imagine that if this really is a bug, they did know about it and fixed it with 8.2. If this causes a real problem for you, I would suggest upgrading if you can.

Why most of the pages of my site are named "About me" if none have that name in the side bar nor in the inspector?

Here is my site for you to see what I am talking about; http://www.minkstereo.com after you enter, if you go to each of the menus you will notice that only Books and Ilustrations is named correctly in the tab, if you go to Drawings, Graphic Design, Crafts or any of the images you'll see that the page name is "About me" I have republished and check all over the page in iweb and I don't know why it is happening. Each page has a different name in accordance with the content both in the side bar and in the inspector it shows.
Any help is appreciated thank you.

Your images shows how to change the pagename, the filename. of the page.
Not the browser title.
Anyway, there is a textbox out of view that holds the title :
Beats me what it is doing there, but here is the oft repeated explanation :
iWeb uses the textbox in the Header layer of an iWeb page as the title in the browserwindow.
If the textbox in the Header is missing, iWeb uses a textbox down the page in the Content layer. If that textbox is also missing, it uses another textbox. If that fails it uses the pagename in the Sidebar. To replace a missing textbox in the Header, choose another theme and then change it back to the original one.
Sometimes you may want a different text in the titlebar and not display it on the page itself. Or not display it at all.
So use that textbox in the Header layer. Type your text. Do Command-T to open the font palette and make the font smaller (Or do Command--(minus)). Then select the textbox. In the Inspector choose T, click a color to open the color palette and drag the opacity slider to 0 (zero).
Resize the textbox. You may want to change the height of the Header layer.
Do Command-Shift-B to move the textbox to the back, possibly behind other objects.
Next add a optional second textbox to the Header layer and use that one to display text on the page.
If you want to move the textbox to the front again to make changes, but can't remember the location on the page, drag the area with the mouse to select the objects.
Deselect objects you do not want to move forward by Command-dragging the mouse over these objects.
Next do Command-Shift-F to move the textbox to the front. Repeat the steps in reverse order to make the text visible.
Source : http://www.wyodor.net/htmlegg/TallCard/TallAjax.html?pg=BrowserWindowTitle

Cannot close the side bar anymore

In the previous OS, we can close the side bar,
I'm the one that love to set the "always open folders in a new window"
I hate the web page browsing style as in PC's window XP.
Some folders I want to set thier directory in list view instead of icons view and closed the side bar.
in Leopard, I can do only resize,but can not close it. why ? this is really annoying me.

Problem with this is you also lose your toolbar across the top. See this thread:
http://discussions.apple.com/message.jspa?messageID=5692004#5692004
So now there are 4 of us that want the old functionality. I suspect we aren't going to get it.
Francine
Francine
Schwieder

Referencing and toggling mulitple regions from side bar.

This is on APEX 32 10G XE.
My page looks like this
<--------------Sidebar Region------------>     <-------------------------------------------- A chart Region from link1--------------------------------->
|   _link1_                              |      |                                                                                                      |
|   _link2_                              |      |                                                                                                      |
|   _link3_                              |      |                                                                                                      |
|   _link4_                              |      |                                                                                                      |
<-------------Sidebar Region------------>      <-------------------------------------------------------------------------------------------------------->My requirement is, the region on the right side is the chart region which will dynamically change based on the links selected in the sidebar.
To explain in a more elaborative way, if user clicks link1 from above, a chart will be displayed as a result of clicking link1, then, if user clicks link2, another chart should display as a result of clicking link2. And when that happens, previous region contents from link1 needs to disappear and chart region from link2 needs to show up as a result.
In summary, how can I dynamically hide/show multiple regions trigged by clicks on the links from side bar region on the left.
Any input?
Thank you much for reading this post.
Rich
Edited by: Rich V on Mar 24, 2010 2:42 PM

No Problem Rich,
I'll try my best to explain it, if you can't quite get it work I see if i can sort out some screen shots,
1) Create New Region:
-->Go to your Page Definition and Create a new HTML region
-->Give it a Title and select No Template from the Region Template select list
-->Hit Create Region
2) Create a Hidden Page item:
-->From Page Definition Create New Page Item
-->Choose Hidden Item and Hidden and Protected for the item type
-->Give it a Name (i called mine P3_DISP_REG) and select a region
-->Accept defaults for the Label as this won't be displayed
-->Give the item a default value of 1
-->Hit Create Item
2) Add conditional display to the region:
-->From page definition edit your first region
-->In the Conditional Display Section --> Choose Value of Item in Expression 1 = Expression 2
+(this informs Apex to only the display the region if the value of the page item meets the value in expression 2)+
-->Type the name of the item you created in step 2 into Expression 1 e.g. P3_DISP_REG
-->In Expression 2 type the value of *1*
Repeat this for all regions increasing the value of expression 2 each time
3) Create list to change Item value:
-->Go to Shared Components and Select Create list
-->Give the list a name and accept rest of defaults +(this will take you to the list entries page)+
---->Hit Create List entry
-->Give the list entry a name +(i.e Corresponding Region Name )+
---->In the Target Section type in your page number
-->Then in Set these items Text field type (or select) your page item created in step 2 +(P3_DISP_REG)+
-->Then in With these Values type 1
this sets the value of the page item when the link is selected
Create the list entries for all regions on your page and type the corresponding value you typed in step 3 to display the correct region
4) Add the list to your page and your should be done!
Hope it helps
Mark
Don't forget to flag answers as helpful or correct as this can help others in the future

Side-bar Window - "Quick Pool" alike

Hello everyone,
I´m glad to be a newbie in SAP EP. I´m learning a lot!
I have a question involving the role "Standard User Role". When applied to the user, he can see a new menu called "Home".
Under the "Home", we have other submenus, the first one being "Company".
Under "Company" there is also "News".
As you can see, this enabled the Quick Pool, that is displayed not in the normal portal frame, but together with "Detailed Navigation" and "Portal Favorites".
My question is, how can I do this. I mean, how can I put an iView in the side-bar frame, and not in the 'normal frame'?
Thanks for the help guys!!
Ricardo Sancio Lóra
Brazil

Ricardo,
Geneally the Name of the iview which shows the quickpoll is Dynamic Navigation" iView. This is iView is located under Navigation area/navigation panel (ie.of Left side portal page). The area which shows the Ivew in the middle is called portal content area. Its very much possible to relocate the current quick poll ivew into content area.
You can navigate to the framework page to see the settings:-
Portal Admin -> Portal Content -> Open Default FrameWork Page assigned to your current theme -> Select the check box "Desktop Inner Page" -> Press Open Button -> The Quick Poll is " Dynamic Navigation" - com.sap.portal.dynamicNavigationArea" .
Please let me know if you have any questions.
Ram

My hard drive crashed recently and i can no longer see my web site address in the iWeb side bar

I can n o longer see my web site address in the iweb side bar, how can I relocate it so i can edit my website

Let me start with the general advise...
When you have a problem with one particular site, a good "first thing to try" is clearing your Firefox cache and deleting your saved cookies for the site.
(1) Bypass Firefox's Cache
Use Ctrl+Shift+r to reload the page fresh from the server.
Alternately, you also can clear Firefox's cache completely using:
orange Firefox button (or Tools menu) > Options > Advanced
On the Network mini-tab > Cached Web Content : "Clear Now"
If you have a large hard drive, this might take a few minutes.
(2) Remove the site's cookies (save any pending work first). While viewing a page on the site, try either:
* right-click and choose View Page Info > Security > "View Cookies"
* Alt+t (open the classic Tools menu) > Page Info > Security > "View Cookies"
In the dialog that opens, you can remove the site's cookies individually.
Then try reloading the page. Does that help?

I have a spinning wheel in Mail - stuck on trying to load a new message. I've force quit both Mail and my whole computer, but when I open mail again, it brings up the same new message - and the side bar curser is stuck in Drafts. What can I try to cancel

I have a spinning wheel in Mail - stuck on trying to load a new message. I've force quit both Mail and my whole computer, but when I open mail again, it brings up the same new message - and the side bar curser is stuck in Drafts. What else can I try to cancel

Can you log on to the email account via webmail in a web browser, view the email and delete it from there if necessary.

How do I stop iPhone Safari from dynamically resizing the visual viewport?

Sorry I post this here, but I couldn't access the developer forums (no error given, it just keeps returning me to this page https://developer.apple.com/devforums/) I'm not even sure wether that's been moved here and it's just the redirection non working.
I need to Stop iPhone Safari from dynamically resizing the visual viewport, or in other words, to stop it from trying to "fit" the layout into the viewport.
Why?
Because any recalculation javascript does on absolutely positioned elements makes the whole site super IRRESPONSIVE.
I don't know wether the issue is the element going out the already-set layout viewport (which triggers the page resizing to fit the visual viewport) or just the calculations being made constantly, but I can stop the calculations from happening when not "touching" the screen, but I need a way to stop the page resizing.
I tried setting the viewport width to 1040px, as my layout width, and it fixed the header's width being narrower than the body (or shifted left?), but the whole page is still resized with every motion-frame (one every 3 seconds, due to overloading the redrawing engine)
Is there a way to prevent that?

No, that link doesn't solve it. It just says the same is found everywhere online.
There's probably no way to do it, as per their way they "accidentally" omitted the oposite case: the page being wider than 980. They only mention what to do if the site is narrower. Something I learned is big companies (with reputation management) could let you run in circles for years no answer rather than telling you something is not possible.
I'm the developer (can't access the dev forums, don't know why) and I DID setup the viewport, scale and other properties but none of them stopped from re-fitting the new re-sized layout in the viewport. They just ensure the "initial" view.
I think the feature I'm looking for must be achieved with some JavaScript function targeting Safari-proprietary variable/property… if even possible.
I just had to make things never reaching the edge until somebody contributes something useful

How do I stop the side bar from popping up in the left side of my screen when I click on a bookmark on my tool bar?

I just got a new laptop, and redownloaded mozilla as my browser. I've set up my tool bar tabs but when I click them they only appear on the left side bar when I click them. This didn't happen before on my previous laptop, so I'm confused on how to get it to stop opening the sidebar when I click them, and have them instead appear in my main window.

Opening in the sidebar is the default for bookmarks that are created via a link or button on a website.
You can check the properties of a bookmark via the right-click context menu in the sidebar (Ctrl+B; Command+B on Mac).
In the Bookmarks Manager (Bookmarks > Show All Bookmarks) you can click the More button in the Details pane at the bottom right.
Make sure that "Load this bookmark in the sidebar" is not selected.

I'm wanting to use the "Actions" in Photoshop Elements 11. But when I get the Actions box up, it is only showing a small list of effects to use. And no side bar to go any further. When I click on the little arrow at top and then click on "load actions"

I'm wanting to use the "Actions" in Photoshop Elements 11. But when I get the actions box up, it is only showing a small list of effects to use. And no side bar. So I can't go any further. When I click on the little arrow at top and click on "load actions", I am only getting a box with empty space saying "No items match your search". The folder at the top does say "Actions". How do I get more effects? The tutorials that I've checked into all show a long list of effects in their box. Can anyone help?

To use the existing actions, try the following:
1. Open one of the Action Sets, in this example Special Effects is the Action Set, by pressing the small arrow beside the set name.
2. Then click on the name of the Action, in this example Faded Ink is the Action name.
3. Then press the Play button to run the action.

How do I get black side bars on a full screen photo in iPhoto 11

How do I get black side bars on a full screen photo in iPhoto 11. It was black in iPhoto 09 and now it's a murky grey. I'm not talking about events or photo view where it's in preferences only full screen photo. Thanks

Go into iPhoto's Appearance preference pane and move the Background slider all the way to the left - black.
OT

Is it possible to reduce the web page to fit the window? Therefore loosing the need for the side bar sliders

Although I have two screens I still need to keep my windows quite small and I was wondering if it was possible to automatically reduce the size of the web page to match the size of the available space in the window instead of having side bars sliders so if I needed to read text then I could just increase the window size and the web page would expand accordingly.

Enable audience for that webpart. Keep users who have access to that list\library :)
http://office.microsoft.com/en-in/sharepoint-server-help/target-content-to-specific-audiences-HA010169053.aspx
http://office.microsoft.com/en-in/sharepoint-server-help/introduction-to-targeting-content-on-a-sharepoint-site-to-specific-audiences-HA010243222.aspx
If this helped you resolve your issue, please mark it Answered

Dynamically resizing a side bar

Similar Messages

Maybe you are looking for