Contextual Panel Height Adjustment

I have a scenario:
There are 2 Contextual Panels in my application, left panel is a navigation panel and right panel is a content panel which depends on the viewswitch selected in the left panel.
The right panel height is variable depending on the contents. I have tried many properties settings like 100% height and stretchedVertically for the Transparent Container which is Matrix Layout to make both panels height equal during runtime, but i couldn't.
Any comment is appreciated. Thanks!

Hi Mary,
Even I faced similar problem , thought its not a permanent solution it might be of some help I guess.
Firstly, we can adjust the heights of free contextual area in your contextual panel . You can bind the content height property of the free contextual area to a variable or attribute and can set it accordingly. Further you need to make sure you put transparent containers in these free contextual area's which have auto scrollable mode, then you can fix the height of these containers.
P.S It'll take a number of hits and misses to finally get the two contextual panel to be of same height.
I hope it helps.
thanks and regards,
sunny

Similar Messages

Tabbed panel with adjustable/variable height based on content

Is there anyway that you can create a tabbed panel with adjustable/variable height based on content in each tab?

Abhishek,
Thanks for your reply, however, it is not working with Muse. I added the Javascript to the head section and adjusted iframe and it displays as a small square in the upper left hand corner, unable to view the whole page.
Inserted into head section --
<script type="text/javascript">
function resizeIframe(obj)
obj.style.height = 0;
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
</script>
inserted as an html object --
<iframe name="MycoSmooth" src="http://www.mycosmooth.com" frameborder="0" scrolling="no" id="iframe" onload='javascript:resizeIframe(this);' />
Below is the result:
The purpose is to have an independent website run the blogging capabilities, since muse doesn't directly support blogging as of yet.
Since the site is on a different domain, I am running into cross domain issues and it won't get the height of the page. The methods that apparently work use php and I am unsure how that would work in muse, if at all.

Spry Accordion Different Panel Heights

I'm building a Spry Accordion Widget as a left nav menu with
25 different panels. Some of my panels contain 10 different links
and others contain only 1 single link. Therefore I would like to
adjust the height of each panel individually according to the
number of links they contain, so I don't end up with huge white
spaces in panels that contain fewer links. My initial idea, in
addition to the .AccordionPanelContent class was to add an "id" to
each panel and control each panels height through CSS. But for some
reason I haven't been successful that way. It looks like all panels
tend to take the height of the first panel, regardless of their
individual set heights. I wonder if I can resolve my problem
uniquely with CSS, or I do I have to go and change something in the
SpryAccordion.js file.
Thanks.

Hi Donald, I inserted <script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1", {
useFixedPanelHeights: false });
</script> into my code. It's almost there, but not
quite. I can see that it is trying to re-ajust the panels' height,
but for panels that have a larger content it tends to show the
whole panel's content and then hides the half of it. Also for
panels with fewer content it doesn't seem to have an effect at all.
I don't know if I have to fix something in the CSS or place the
Acc1 ID in a different location within my accordion HTML code.
Thank you.
Here's the URL I'm working on if you want to take a look.
http://64.49.218.100/product_p/00-120-0ll.htm

Contextual Panel of GP in collapsable window like Navigation Panel

hi all
i want to put the Contextual Panel of Guided Procedure in the collapsable window LIKE the Navigation Panel of the portal (not in Navigation Panel).
For this to achieve, In Portal Content,
I created a copy of "Navigation Panel & Content Area Layout" and made its "Object is a Template" as TRUE.
Then I created a new page of Default Page Template so that i can use my "Navigation Panel & Content Area Layout" and put the Contextual Panel of GP in "Navigational Panel".
Now when I added this page into "Portal Content -> Content Provided by SAP -> Platform Add-Ons -> Guided Procedures -> Pages -> Process Instance" page, a warning message appears saying "The object you have added is not fully compatible with the page. Therefore, its Isolation Method property has been set to URL and read only." and does so, and because of this the Contextual Panel of GP comes in the collapsable Navigational Panel as per my requirement but the height of the page is not sufficient enough to display the whole page in the required format.
Thus, defeats my sole purpose.
So please help to solve this problem.
Thanks & Regards
Vivek

hi all
lets leave the above requirement aside.
even if that works, it won't solve my purpose because
i found that even if i get the gp's Contextual Panel / Process Activies Panel in a collapsable window
or i hide the it, this won't appear in the collapsable window or get hidden when i initiate the process using the generated URL.
As per my requirement, i need a URL which will initiate a new GP process and doesn't show
Contextual Panel / Process Activies Panel on the left side.
But the generated URL doesn't hide it.
I think there should be some additional parameter which I should pass along the URL and the started process won't show the Contextual Panel / Process Activies Panel.
If anyone knows how to get rid of Contextual Panel / Process Activies Panel, please reply.
Thanks & Regards
Vivek

Setting accordion content panel height with hidden content

Following previous instructions, I set

at the bottom of the content page. However, some of the
accordion panel content is hidden until the user selects a radio
button. The panel height is not dynamically adjusted to the
content. FYI, the content is hidden using
style.visibility = 'hidden
In SpryAccordion.css, I commented out the height attribute.
.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
/* height: 200px; */
It appears to me that the panel height is still fixed, but by
what I am not sure. Any clues would be appreciated. Here's the demo
page:
http://www.phelpstek.com/cr/wildflower_wedding_favors/index.html
Thanks for any input/ideas.
Brian Phelps
www.phelpstek.com

graylensman wrote:
|| I'm working on a website with two column layout. The left
column
|| contains a list of site navigation links, the right column
contains
|| actual content for any given page. I'm using CSS to set a
left-hand
|| rule that runs the height of the right-hand column. On
some pages,
|| there's a lot of content; on others, very little. When
there's
|| little content, my rule doesn't run as long as the links
list,
|| because the rule is applied to the right column.
||
|| So, I want this rule to run at least as long as that left
column,
|| but run as long as the content in the right column when
needed. Here
|| are links to a couple of pages, so you can see what's
going on:
||
|| Good:
||
http://www.hillphoenix.com/web_redesign/techInfo/techInfo.html
||
|| Not so good:
||
http://www.hillphoenix.com/web_redesign/communications/whatsNew.html
||
||
|| Thanks for your help, in advance!
hello,
apply this to your right column div and change 430px to
whatever you want
min-height: 430px;
height:auto;
_height: 430px;
regards
bretz

Links not getting displayed in the contextual panel

Hi,
I have created a contextual panel inside a transparent container. And created a method in the same view supply_values of type supply function to supply the values to the panel.Inside the method I have coded like:
DATA TAB TYPE WD_THIS->ELEMENTS_N_VIEW_SWITCH.
DATA LINE TYPE WD_THIS->ELEMENT_N_VIEW_SWITCH.
LINE-TEXT = 'User Manual'. "#EC NOTEXT
LINE-ENABLED = ABAP_TRUE.
APPEND LINE TO TAB.
LINE-TEXT = 'Logout'. "#EC NOTEXT
LINE-ENABLED = ABAP_TRUE.
APPEND LINE TO TAB.
NODE->BIND_TABLE( TAB ).
Also in the context of the view I have created a node and supplied the method 'supply_values' in the supply function.Under the node I have 2 attributes named text and enabled. Text is of string type and enabled is of boolean type. In the properties of the contextual panel I have bound the visible property with the enabled attribute.
Now when I am running this application , links are not getting displayed in the contextual panel. Though when I debug TAB contains the values. Please suggest if I have missed out something or I need to look into the properties of the contextual panel. Any pointers will be really helpful.
Regards,
Ashutosh

Hi,
Can you elaborate ' ItemEnable property of ViewSwitch'.
I have already bound the enable property of the panel with a context attribute of type wdy_boolean but it is still not working.
Regards,
Ashutosh

SPRY accoridian variable Panel Heights

Hi,
I have used Accordion panels on one of the page. Content of
the panels are of different length so I have made it variable
height by " useFixedPanelHeights: false" . When I preview in the
browser all the panels are variable length but I still get scroll
bar on few panels. The scroll bar is for may be 1 or 2 lines only.
for example one of my panel is about 275px in height and I
get scroll bar of 1-2 lines. Other panel is 600px in height and I
still get scroll bar of 1-2 lines only. I think it happens when my
list has more than 3 bullets points inside the panel.
Can someone please help?
Thanks!

Hi Donald, I inserted <script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Acc1", {
useFixedPanelHeights: false });
</script> into my code. It's almost there, but not
quite. I can see that it is trying to re-ajust the panels' height,
but for panels that have a larger content it tends to show the
whole panel's content and then hides the half of it. Also for
panels with fewer content it doesn't seem to have an effect at all.
I don't know if I have to fix something in the CSS or place the
Acc1 ID in a different location within my accordion HTML code.
Thank you.
Here's the URL I'm working on if you want to take a look.
http://64.49.218.100/product_p/00-120-0ll.htm

How to use Contextual panel ?

Hi,
Can u please expalin me what are the properties of contextual panel ? and How to use contextual panel with in Contextual panel?
Thanks,
kishore.

Check out this link
http://help.sap.com/saphelp_nwce10/helpdata/en/45/01754e5ba20c4be10000000a11466f/frameset.htm

Variable accordion panel height

Hello,
I just started playing around with spry accordion today, and am not a javascript/css expert by any means :-)
I see that it is possible, from examples online, to have varying panel heights, depending on the contents of an accordion, but can't see how to make it happen. I see how to specify a fixed height for a panel, or how to have all panel heights be the same size as the panel with the most content, using the height specification in SpryAccordion.css under .AccordionPanelContent.
Any pointers much appreciated!
cheers,
Joan

See http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#VariablePan elHeights

Horizontal contextual panel

Hi friends,
I am using horizontal contextual panel in my View.
In horizontal contextual panel action, i am calling the Views based on the tab I have clicked.
In signatuer part of the Action i have given index as Importing parameter, but i am unable to get the index of the contextual panel that i have clicked.
please help me in getting index of the contextual panel that i have clicked.
Regards,
Xavier.P

I have delclared varaible in signatuer part of action refering to IF_WD_CONTEXT_ELEMENT

Coding in contextual panel

Hi,
I have created an application which has a contextual panel.I am Filling the panel using the below code in SUPPLY_VIEW_SWITCH function:
DATA TAB TYPE WD_THIS->ELEMENTS_N_VIEW_SWITCH.
DATA LINE TYPE WD_THIS->ELEMENT_N_VIEW_SWITCH.
LINE-TEXT = 'Invoice'. "#EC NOTEXT
LINE-ENABLED = ABAP_TRUE.
APPEND LINE TO TAB.
LINE-TEXT = 'Delivery Status'. "#EC NOTEXT
LINE-ENABLED = ABAP_TRUE.
APPEND LINE TO TAB.
Now I want to show an ALV report when the user presses the Invoice button. Please suggest how to write code in method ONACTIONON_VIEW_SWITCH (Action on Selection in View Switch). I guess we have tohandle it using the cases, but dont know the coding part of it.

Hi Ashutosh,
In order to use ALV, you have to define the usage of the component SALV_WD_TABLE in your component.
You could refer the below link for the detailed step by step procedure.
[ALV Document|http://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/3439404a-0801-0010-dda5-8c14514d690d?overridelayout=true]
You can alternatively use Table UI Element to achieve the same.
Edited by: Anurag Chopra on Dec 9, 2009 2:44 PM

How to obtain richtextbox whose height adjusts to the appended text automatically without having scrollbar

How to obtain richtextbox whose height adjusts to the appended text automatically without having scrollbar

How to obtain richtextbox whose height adjusts to the appended text automatically without having scrollbar

How do I read the actual height of the panel title bar (or actual total panel height)

In Flex 4.5:
I have panel which is reading panel.height as 159, however it contains a swf in a swfloader which is 400 in height so it should be more than 400.
I need to know what the actual height of the panel is so I can scaleX and scaleY it to full screen height eg. scale=screenheight/panelHeight.
I know the content container will be 400 (the size of the movie) but can't read the height of the titleBar, and the overall panel height is returning the wrong value.

Spark Panels don't clip. Maybe that's what is going on? Also check the
measuredHeight of the Panel.

How to create Contextual Panel?

Dear Friends..
I want to make Contextual Panel in WD4A..
But I don't know..how to create Contextual Panel..
Please answer me..^^
Thanks..

Oh... I'm Sorry.
I can't write english well..and I can't understand Navigation list and contexual panel.
So.. I can study that.
But..
I make Contextual Panel reference CTX_NAV_PANEL View in WDR_TEST_EVENTS Component.
'com.lang.abap.sap' line has right arrow just like '>'
i think.. '>' click then.. another action happens..
for example.. display sublist..
'comp.lang.abap.sap.webdynpro'
'comp.lang.abap.sap.webdynpro.viewdesigner'
'comp.lang.abap.sap.webdynpro.runtime,X'
'comp.lang.abap.sap.webdynpro.libraries'
and so on..
But nothing happens..
How can I display sublist..

Height adjustment for Intel I-Macs

As a consulting ergonomist I am baffled by Apple decision to mount the new I-mac on a base that allows little height adjustment. I queried one of my All-apple-all-the-time clients about obtaining VESA mounts for these machines and heard back through their grapevine that the new machine would not accept a VESA mount. Is this true? Please advise. I already see extended heads and have complaints of sore shoulders.
Waiting to hear.

Apple, you CAN do better.
If you want to give Apple feedback, there is this page:
http://www.apple.com/feedback/
as well as:
http://www.apple.com/contact/feedback.html
Change Broken Links to a different kind of feedback if you want it.
You are posting this to a user to user forum, and while sometimes Apple does read these posts, they are more likely to look at feedback through the original two links.

Contextual Panel Height Adjustment

Similar Messages

Maybe you are looking for