Html panel - inside html panel?

hi everyone
i have a page with a main content div which is an html panel theat will load different content
one of the (fragment) pages it loads has xml data etc on it.
i now need on this dynamic page a little html in a div too, but that means an html panel within an html panel!
i declared var infolpanel; on the main page, and the maincontent htmlpanel div has evalscripts set true
on the dynamic fragment page, the xml datasets are working etc, but i need another html panel
infopanel = new Spry.Widget.HTMLPanel("info");
infopanel.loadContent('products/'+ product + '/info.html');}};
now when i load the page, none of the xml data populates either, instead showing {dataset::variable} instead :-s
removing the above javascript again fixes it.
so, is there any (other?) way for this fragmented page to load a smaller fragment into the div?
thanks
delboy

How do I open another collapsible panel, on a different page
through a link? I have tried many different ways, including trying
to use SpryURLUtils.js and am not having any luck? I really wanted
to jump to a different pages' collapsible panel, open it, and then
populate the SpryHTMLPanel, located inside that targeted
collapsible panel. My collapsible panels and HTML panels all work
fine on the target page, when just interacting on the page itself,
with mouseclicks. Inside the collapsible panels I have unordered
list of links, that populate HTMLpanels, with the appropriate HTML
fragments. My problems lies in crosslinking from other webpages to
the exact collapsible panel, and then populating the exact HTML
fragment, just as if I had clicked on the link in the list, if I
had been on the target page in the first place.
<a href="../OA_qi_docreq.html?panel=0#cp1">
<a href="../OA_qi_docreq.html#cp1">
<a href="../OA_qi_docreq.html#cp1.open();">

Similar Messages

Resizing panels inside of panels inside of panels...

I'm trying to organize a GUI by using a series of panels inside a JFrame. I have added panels within these panels to organize my information since I've never been able to figure out that ghastly GridBagLayout. Anyway, I've hit a wall. It seems that I can't resize an object inside of a panel that's inside of a panel. I use the setPrefferedSize method, but it just doesn't have any effect. This is true for both panels and buttons. Am I right in my assumption that there's a limit to how far into a pile of panels one can use the setPrefferedSize method? I'm using primarily BoxLayouts if that makes any difference. Any help or suggestions or advice would be appreciated.

I'm afraid the SwingUtilities.updateComponentTreeUI didn't work. When I say I'm a novice, I'm afraid I'm kind of shooting in the dark as to some solutions and problems. Let me try and clarify my problem a little bit with an example. I have JPanels A, B, C, D, E, F, G and JCheckBoxes 1, 2, 3. JPanel A is added to the JFrame. The rest go as follows:
A.add(B);
B.add(C);
C.add(D);
C.add(E);
D.add(F);
D.add(G);
G.add(1);
G.add(2);
G.add(3);
Every JPanel has used the .setPreferredSize() method to define the size I desire. JPanels A, B, C, D, and E all keep their preferred sizes. However, F and G mock me by resizing according to the sizes of JCheckBoxes 1, 2, and 3. Even though they are coded to take up a certain amount of space (which is well within the limits of JPanel D), they don't. Instead they just go to the default size, which is to allow all components within it to be visible. I have this same problem when I add other components into JPanels D and E, like buttons, other JPanels, etc. I hope this clarified more than it confused.

Sliding panel inside tabbed panel - onclick both

I have two tabbed panels, tab one has a sliding panel function in it with 5 panels. I am wondering that when you are in tab 2 that you can have a button that clicks to tab 1 AND to sliding panel 3 at the same time? I can make them work independently, but can't get it to accomplish both. I don't have a site that I can post but I could dummy one up if that would help.
OK I have another scenario as well....
You are on tab 1, sliding panel 4 and then go to tab 2. When you go back to tab 1 it holds the sliding panel 4 active. Is there a way that when you go back to tab 1 and it to default back to sliding panel 1? Basically I don't want it to hold the position of sliding panel 4 on tab 1.

Try this and adapt to your needs:
<!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" />
<title>Document sans nom</title>
<script type="text/javascript" src="SpryAssets/SpryDOMUtils.js"></script>
<script type="text/javascript" src="SpryAssets/SprySlidingPanels.js"></script>
<link href="SpryAssets/SprySlidingPanels.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<style>
.SlidingPanels {
   position: relative;
   width: 200px;
   height: 200px;
   padding: 0px;
.SlidingPanelsContentGroup {
   position: relative;
   height:600px;
   margin: 0px;
   padding: 0px;
.SlidingPanelsContent {
   width: 100%;
   height: 400px;
   overflow: hidden;
   margin: 0px;
   padding: 0px;
</style>
</head>
<body>
<a href="#" id="trigger1">Click me to go to Tab 1 and Panel 3</a>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0" id="trigger2">Click mo to go to Tab1 and Panel 1</li>
    <li class="TabbedPanelsTab" tabindex="0">Onglet 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">Contenu 1
      <a href="#" onClick="sp1.showPanel(0);">Panel 1</a>
      <a href="#" onClick="sp1.showPanel(1);">Panel 2</a>
      <a href="#" onClick="sp1.showPanel(2);">Panel 3</a>
         <div id="slidingPanel_1" class="SlidingPanels">
              <div class="SlidingPanelsContentGroup">
                 <div id="content1" class="SlidingPanelsContent">The Content 1</div>
            <div id="content2" class="SlidingPanelsContent">The Content 2</div>
            <div id="content3" class="SlidingPanelsContent">The Content 3</div>
        </div>
      </div>
    </div>
    <div class="TabbedPanelsContent">Contenu 2</div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var sp1 = new Spry.Widget.SlidingPanels("slidingPanel_1");
Spry.Utils.addLoadListener(function() {
        Spry.$$("#trigger1").addEventListener('click', function() {
            TabbedPanels1.showPanel(0);
            sp1.showPanel(2);
        }, false);
        Spry.$$("#trigger2").addEventListener('click', function() {
            //TabbedPanels1.showPanel(0);
            sp1.showPanel(0);
        }, false);
</script>
</body>
</html>
You may even do better using Spry.$$() CSS3-like selector (:first-child, nth-of-type(n), etc) to avoid adding ids on elements.
Xav

How to merge the Panel with another Panel to One Panel?

As Title!!

i will give it a shot. by no means do i say it is correct being a beginner myself
Panel aPanel = new Panel();
Panel anotherPanel = new Panel();
Panel mythirdPanel = new Panel();
aPanel.add(anotherPanel);
aPanel.add(myThirdPanel);
this should create one panel called aPanel with two panels inside - another Panel first, followed by mythirdPanel second. This should be in FlowLayout pattern as that is default unless specified.
That is my guess and my shot.
8)

Child panel in parent panel- strange top value

Hi!
I want to write application where I have menu with buttons. Depending on the button pressed the buttons should hide and another design bring on front.
I don't have any ideas except make that on different panels. I made one parent panel, and a few child panels. When I click button the panel with buttons hides and I'm displaing another panel with width and height equal to parent panel. I can't understand why I have to always have value equal to 30 in top property of child panel. Left property is set o zero and it's displaing OK. When I set 0 to top property the child panel is partially hidden in parent window.
Why the top property have to be always set to 30 to display exactly panel in panel? I tried to switch on and off titlebar, but it seems taht is no problem. Anyone can explain me that behaviour? Maybe any other ideas to make that kind of application? I don't want to use tabs.

I'm attaching some pictures so that there's no confusion over what I'm talking about. I'm using the userint/panels.cws, but I modified childPanel1 to be the exact height of the parent panel as you can see in this picture taken from the UI Editor:
If I don't programmatically set the top of the panel and auto-center vertically is not set to true, then I get this when the panel is loaded. You can see that the panel is being cut off because it loads inside the parent panel using the top value set in the UIEditor.
If I set the child panel to auto-center vertically it looks like this. You can see that the child panel's title bar is partially obscured due to the auto-centering, and the splitter at the bottom of the child panel is not visible.
If I then programmatically set the top and left to (0,0) I get this. The frame of the child panel (including the title bar) is hidden, but you can see that everything on the panel is visible:
If I programmatically set the top to 30 it looks like this. The title bar is visible but you can see that the control at the bottom of the panel is now no longer visible:
I'm assuming that you're seeing the behavior in the 4th screen shot when you set the top to 0 and something similar to the 5th screen shot when you set the child panel top to 30. I'm guessing that due to the font being used on your machine, the thickness of the child panel title bar is actually 30 so it doesn't stand out quite as much as mine.
When setting the position of a panel inside another panel, the frame (which includes the titlebar) is ignored, so that (0,0) cooresponds to the very first pixel that is actually visible in the panel. I'm guessing that what you want to do is either:
A) Disable the titlebar in the child panel and set the frame thickness to 0, or
B) If you need the titlebar of the child panel to visible, change the height of the of the child panel to be = (height of parent panel - 30).
Kevin B.
National Instruments

Open an html file inside spry collapsible panel

Greetings,
Using CS5
Does anyone know the CSS code/possibility of opening an html file inside the Spry panel?
I've tried the following code:
.CollapsiblePanelContent {
background-image: url(lookoutgraph.html);
Is there a better CSS element for calling up an html file?
For what it's worth...the html file I'm tring to open uses a <canvas> tag. When opened by itself, the html file has no problem opening and displaying the canvas data.
Much Thanks!

With the exeption of images, to add external content to a document you will need to make use of either serverside or clientside code.
Have a look at the SpryHTMLPanel here http://labs.adobe.com/technologies/spry/samples/htmlpanel/html_panel_sample.html
Otherwise, please supply a link to your site so that we can come up with alternatives.
Gramps

Print only a specific control or indicator on a front panel to HTML document

Is there any way to print a specific control or indicator (not the whole front panel) to HTML document? I am trying to print a report that has a graph and some indicator value on it.

There is a VI called "Append Control Image to Report.vi" which will allow you to do this. It's located in the Functions>>Report Generation pallette. Take a look at this and see if it's what you're looking for.
J.R. Allen

HTML preview on front panel

Hi!
Is it possible to preview a text that contains HTML tags on the front panel as HTML?
I'd like to see my html report result before i save it into file.
Thanks
Solved!
Go to Solution.

Hmm! Thanks!
And how portable is it? Does it work if i build an executable from my project and then use it on another PC? I guess that the only requirement would be the same browser on that machine.
I found an example in LV, using IE with activex. Did you mean that?
Thanks

Display external html page in (Collapsible Panel widget)

i everybody
is there a way to display external html page in (Collapsible Panel widget)
All the example a seen is with raw text in it
is the panel can display different object instead of simple text
At least a internal designed html page
Thanks

Thanks... surely a easy one for you
But its a great tool and its exatly what i want
even my js button works trough it
Thanks again

Stretch height in panelStretchLayout dont work inside html table?

I need to put panelsplitter inside html table and i write something like this:
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="position:absolute; padding:0px 30px;">
<tr><td>XXXX</td><td>yyyyy</td></tr>
<tr><td>
<af:panelStretchLayout id="pt_psl1" styleClass="AFStretchWidth">
<f:facet name="center">
<af:panelSplitter splitterPosition="165" id="pt_ps1"
inlineStyle="background-color:White; padding:0px 15px;"
styleClass="AFStretchWidth">
<f:facet name="first">
<af:facetRef facetName="1"/>
</f:facet>
</af:panelSplitter>
</f:facet>
</af:panelStretchLayout>
</td></tr>
</table>
But panel splitter dont stretch inside table componenet... there is a way to make it work?
thnxs

Don't mix HTML tags with ADF Faces tags.
Instead you should use the ADF layout components to achieve what you are looking for.
Use a panelStretchLayout and at the top facet put the xxxx yyyy in output text components.
then in the center use the panelSplitter.

Auto-select field after clicking link inside Appearance panel

Before Illustrator CC 2014, when I clicked on a link inside the appearance window, the corresponding field would auto select. This made for a more efficient workflow. But now for some reason this has disappeared and I miss it! Hey Illustrator team, can you guys add it back in the next release?
How to reproduce:
Click on Opacity in the Appearance panel > "mini" opacity panel opens.
Opacity field should be selected so all the user has to do is click up or down arrows on their keyboard.
Just something small I noticed after I upgraded to CC 2014. Not a big deal honestly, but a small regression.

You might try the steps in this Knowledge Base article;
http://docs.info.apple.com/article.html?artnum=304482
Dah•veed

Trying to get components inside a panel in content pane

Hello,
I am trying to update the combo boxes inside a panel with a list of values(list is stored as an array).
My heirarchy of components is as follows:
frame-->contentpane-->gamepanel-->combopanel-->combobox
i am able pass my frame into my code. now i have to get the combobox to update it.
frame.getcontentpane()this returns to me my contentpane - RIGHT/WRONG???
if right, after this how do i reach the combopanel and get the combobox such that I am able to write
combobox.addItem(array)HELP PLEASEEEEEEEEEEEEE
Thanks,
Manju

Be patient. 30 minutes is not a long time to wait for answers, especially on the weekend. Instead of waiting impatiently why don't you try reading sections from the Swing Tutorial. For example, How to Use Combo Boxes:
http://java.sun.com/docs/books/tutorial/uiswing/components/combobox.html
so how do i keep the reference?Define a class variable for the combo box:
     This works on non editable combo boxes
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import javax.swing.text.*;
public class ComboBoxAction extends JFrame implements ActionListener
     JComboBox comboBox;
     public ComboBoxAction()
          comboBox = new JComboBox();
          comboBox.addActionListener( this );
          comboBox.addItem( "Item 1" );
          comboBox.addItem( "Item 2" );
          comboBox.addItem( "Item 3" );
          comboBox.addItem( "Item 4" );
          // This prevents action events from being fired when the
          // up/down arrow keys are used on the dropdown menu
          comboBox.putClientProperty("JComboBox.isTableCellEditor", Boolean.TRUE);
          getContentPane().add( comboBox );
     public void actionPerformed(ActionEvent e)
          System.out.println( comboBox.getSelectedItem() );
          // make sure popup is closed when 'isTableCellEditor' is used
          comboBox.hidePopup();
     public static void main(String[] args)
          final ComboBoxAction frame = new ComboBoxAction();
          frame.setDefaultCloseOperation( EXIT_ON_CLOSE );
          frame.pack();
          frame.setVisible( true );
}Even though the combo box is created in the constructor, the actionPerformed() method can still access the combo box because it was defined as a class variable.

Problem with Spry Panels inside a Table.

This might be in the wrong section, but I hope someone knows what i'm doing wrong.
I'm putting together a simple html website with a spry tabbed panel inside a table. I can insert the panel, switch between the different tabs to insert content, but when I preview the page in IE or Firefox all the content is in the first tabbe panel. I can hover over the other tabs but nothing happens when I click on them.
I am slightly new to dreamweaver so it might just be something i'm overlooking.

Hi Vinay,
Check Valery`s great blogs:
/people/valery.silaev/blog/2005/06/13/master-of-columns-part-i
/people/valery.silaev/blog/2005/06/20/master-of-columns-part-ii
For your case this piece of code could be usefull
private IPrivateTreeTableCV.IEntriesElement currentEntry()
try
    IWDNodeElement el;
    for
      el = wdContext.nodeEntries().getTreeSelection();
      !( el == null || el instanceof IPrivateTreeTableCV.IEntriesElement);
      el = el.node().getParentElement()
    return (IPrivateTreeTableCV.IEntriesElement)el;
catch (final WDContextException ex)
    return null;
Best regards, Maksim Rashchynski.

Webpage inside a panel

Hi all,
Can I open a webpage inside a panel, is there is a control that I can put it on the panel and then open a website into it.
Thanks

Your response surprised me, so I did a little test:
Using this tiny bit of code, I was able to load HTML and drag images from an HTML element into an InDesign document.
To handle different data types, you'll obviously have to do a bit more work, but it's definitely doable!
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" historyManagementEnabled="false">
    <mx:Script>
        <![CDATA[
            [Bindable]
            private var hostName:String = HostObject.mainExtension;
            private function onNativeDragStart(e:NativeDragEvent):void{
        ]]>
    </mx:Script>
    <mx:HTML width="100%" height="100%" location="http://in-tools.com" nativeDragStart="onNativeDragStart(event)"/>
</mx:Application>
Harbs

Two JPanels inside another panel should be equal in width

Hi everybody,
I have two JPanels which both have a titledborder. I want them to have the same with, but I can not get it done. You can see how it looks here: http://jborsje.nl/jpanels.png. As you can see the JPanels are not equal in width. Here is the code I used (please note that p_hopsControl = true).
     * Initialize the sidebar of the graph panel.
     * @param p_hopsControl Indicates whether or not a widget for controlling the
     * hops in the graph should be added to the panel.
    private JPanel getSideBar(boolean p_hopsControl)
        // Create the panel.
        JPanel panel = new JPanel(new GridBagLayout());
        GridBagConstraints constraints = new GridBagConstraints();
        constraints.anchor = GridBagConstraints.FIRST_LINE_START;
        // Add the label and the spinner to the panel.
        constraints.gridx = 0;
        if (!p_hopsControl) constraints.weighty = 1;
        constraints.gridy = 0;
        panel.add(getLegend(), constraints);
        if (p_hopsControl)
            constraints.gridy = 1;
            constraints.weighty = 1;
            constraints.weightx = 1;
            panel.add(getHopsWidgets(), constraints);
        // Set the background of the panel.
        panel.setBackground(m_display.getBackground());
        return panel;
    private JEditorPane getLegend()
        String content = "<html><body>" +
                "<table>" +
                "<tr><td bgcolor=\"" + Integer.toHexString(Constants.NODE_COLOR_CLASS & 0x00ffffff) + "\" width=\"20px\"></td><td>OWL class</td></tr>" +
                "<tr><td bgcolor=\"" + Integer.toHexString(Constants.NODE_COLOR_INDIVIDUAL & 0x00ffffff) + "\"></td><td>OWL individual</td></tr>" +
                "<tr><td bgcolor=\"" + Integer.toHexString(Constants.NODE_COLOR_SELECTED & 0x00ffffff) + "\"></td><td>Node selected</td></tr>" +
                "<tr><td bgcolor=\"" + Integer.toHexString(Constants.NODE_COLOR_HIGHLIGHTED & 0x00ffffff) + "\"></td><td>Node highlighted</td></tr>" +
                "<tr><td bgcolor=\"" + Integer.toHexString(Constants.NODE_COLOR_SEARCH & 0x00ffffff) + "\"></td><td>Node in search result set</td></tr>" +
                "<tr><td bgcolor=\"" + Integer.toHexString(Constants.NODE_DEFAULT_COLOR & 0x00ffffff) + "\"></td><td>Node in search result set</td></tr>" +
                "</body></html>";
        JEditorPane legend = new JEditorPane("text/html", content);
        legend.setEditable(false);
        legend.setBorder(new TitledBorder("Legend"));
        JPanel panel = new JPanel();
        panel.setBorder(new TitledBorder("Legend"));
        panel.add(legend);
        return legend;
     * Create a panel containing a JSpinner which can be used to set the number
     * of hops, used in the graph distance filter.
     * @return A JPanel containing the hops widgets.
    private JPanel getHopsWidgets()
        // Get the GraphDistanceFilter.
        GraphDistanceFilter filter = m_display.getDistanceFilter();
        // Create the panel.
        JPanel panel = new JPanel(new GridBagLayout());
        GridBagConstraints constraints = new GridBagConstraints();
        constraints.anchor = GridBagConstraints.FIRST_LINE_START;
        // Create the label.
        JLabel label = new JLabel("Number of hops: ");
        // Create the spinner and its model.
        SpinnerNumberModel model = new SpinnerNumberModel(filter.getDistance(), 0, null, 1);
        m_spinner = new JSpinner();
        m_spinner.addChangeListener(this);
        m_spinner.setModel(model);
        // Add the label and the spinner to the panel.
        constraints.gridx = 0;
        constraints.gridy = 0;
        panel.add(label, constraints);
        constraints.gridx = 1;
        constraints.weighty = 1;
        panel.add(m_spinner, constraints);
        // Set the background of the panel.
        panel.setBackground(m_display.getBackground());
        // Add a titled border to the panel.
        panel.setBorder(new TitledBorder("Hops control"));
        return panel;
    }Does anybody know how this can be done?

Thanks, that solved my issue for the width part. Now the content of the "hops control" panel is centered, althoug I explicitely said "constraints.anchor = GridBagConstraints.FIRST_LINE_START;".
The update image can still be found here: http://www.jborsje.nl/jpanels.png.

Html panel - inside html panel?

Similar Messages

Maybe you are looking for