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

Similar Messages

Any webpage in a panel?

Hi,
Can connect, can retrieve using Flex, PHP, MySQL, etc. like
the login posting in this forum of PHP and Flex, no problem here.
However is there also a simple way of just showing a (php)
webpage in a panel?
Goal1: showing any webpage e.g. www.adobe.com in a panel
Goal2: showing my PHP webpage in a panel
Thanks

Michael_ramirez44,
Awesome! Thanks for your reply!
I found a solution at:
http://www.deitte.com/archives/2006/08/finally_updated.htm
Thanks again.

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.

TABbing between controls inside a panel to controls outside a Panel

Hi,
I have a C# winform with few controls inside a Panel control and few outside it.The TABbing order traverse from controls inside a panel to controls outside a panel.
Do we have any way to accomplish this.
Thanks,
sami

If you set the TabIndex of the Panel control itself to for example 77, the outside control with TabIndex 78 will be focused when you tab out from the control within the Panel with the highest TabIndex. Also make sure that you set the Tabstop property
of the Panel to true.
So basically the controls inside the Panel have their own TabIndex series (starting from 0) and the Panel itself is part of the Form's (or parent control's) TabIndex series.
It is just a matter of setting the values of the TabIndex properties correctly (and setting the Tabstop property to true for the Panel control).
The other option is to replace the Panel with a UserControl.
Please remember to close your threads by marking helpful as answer and then start a new thread if you have a new question.

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();">

Master detail inside collapsible panel

I am using Spry's Master Detail to display an image gallery... thumbnails stacked vertically and floated on the left side of a large image. This Master Detail gallery sits inside a collapsible panel. When I click on a image thumbnail that's taller than it is wide the large image pushes the content below it down into the panel below. The gallery's collapsible panel doesn't expand. Instead the content is pushed into, and sits behind the panel below. The panels are then overlapping. Any idea how I be sure the panel expands and pushes the panels below down accordingly?
Thanks,
Patrick

Hi Patrick,
To set the height of a collapsible panel, add a height property to the CollapsiblePanelContent rule or the CollapsiblePanel rule.
In the SpryCollapsiblePanel.css file, add a height property and value to the CollapsiblePanelContent rule, for example, height: 300px;. Note: Setting the height of the CollapsiblePanel rule sets the height of the entire widget, independent of the content panel size.
I hope this helps.
Ben

Trying to embed a webpage inside another webpage for 3 hours without success

Hi, I am trying for 3 hours to embed this webpage https://testmoz.com/149087/ inside my own webpage for 3 hours
using dreamweaver but it does not work. I have tried 3 methods, namely "frameset", "iframe" and "object" under
to embed this web page. The page loaded correctly but when press the continue button, the page seems to
be refreshed instead of going forward into the test. Could someone help me to figure out a way to embed this page
crrectly and make it work? Many thanks!

FWIW, I iframed the page at the link and testing it in "live view" it proceeded to the test:
<!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>Untitled Document</title>
</head>
<body><center><iframe src="https://testmoz.com/149087/" style="width:900px; height:240px; border:none;"></iframe></center>
</body>
</html>
I added dimensions to it just for visibility purposes, but it seems to work fine.
Have you cleared your browser cache and retried it?

Problem with Accordion Widget INSIDE Sliding Panel Widget

Hello,
perhaps I should not do this, but I nested an Accordion
Widget inside a Sliding Panels Widget:
- There are eight Panels.
- Each one contains a complete Accordion.
The sliding works fine, and so does the Accordion animation,
but the text inside the Accordion Panel Tabs won't move along, when
a tab is activated. I need to hover the mouse over the accordion to
make the panel texts appear again.
Of course, when I un-nest the widgets and move the Accordion
widget out of the Sliding Panel widget, everything is fine.
My question is:
- am I demanding "too much" by nesting the widgets?
- or should this basically work, and the problem arises from
rivalling scripts?
Here is a link:
Nested
widgets Test
The horizontal top menu will activate the sliding panels, but
as of now only the leftmost menu item contains an Accordion (I know
the CSS does not look nice yet).
Is there anything I can optimise to get this to work?
Thank you so much,
Greetings, Jensen
Edit: The problem does NOT occur in Firefox, but in
Safari.

Hi John,
That is the expected behavior if the "Overlap items below" is unchecked. Please refer to the following link http://screencasteu.worldsecuresystems.com/aish/2013-08-21_1947.png. If you don't want the page to wiggle up and down, please check the box shown in the screenshot.
Regards,
Aish

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

My Javascript function can't work inside tabbed panel

I have a web application which has a tabbed panel inside.
And inside the tabbed panel, I place a page which contain Javascript..
When I out the action directly on the behavior, like
onClick="window.alert('Hi')"
it worked well..
But when I put the script to a function and I call the function, it doesn't work..
<script>
function test() {
window.alert('Hi');
</script>
onClick="javascript: test()"
I've tried to put the page out of the tabbed panel, and it worked, after I put it inside again, it didn't work..
Do you know why & how to fix it?
Thanks for helping :D

DeeCeeGee wrote:
My search function does not work at all - it did at one time - can someone please help?
Hi and welcome to the discussions. This happens once in a while for no apparent reason. When it happens to me, a simple log out/log in usually gets things going again. I haven't researched to see what process died when this happens.
If that doesn't, then a restart, but first check Spotlight in System Preferences and make sure that the Privacy list is empty.

Accessing textInput's inside a panel

Okay, so I'm creating a panel with a form inside it to force a user to log into my application.
It's pretty simple to login, but I'm having trouble getting at the info inside the username and password boxes.
Here's my panel code...
private function createLoginScreen():void {
     var vb:VBox = new VBox();
     var label:Label = new Label();
     var user:TextInput = new TextInput();
     user.text = "Username";
     user.addEventListener(Event.CHANGE, setUsername);
     var pass:TextInput = new TextInput();
     pass.text = "Password";
     pass.addEventListener(Event.CHANGE, setPassword);
     var cb:ControlBar = new ControlBar();
     var s:Spacer = new Spacer();
     var b1:Button = new Button();
     s.percentWidth = 100;
     b1.label = "Submit";
     b1.addEventListener(MouseEvent.CLICK, processLogin);
     cb.addChild(s);
     cb.addChild(b1);
     vb.setStyle("paddingBottom", 5);
     vb.setStyle("paddingLeft", 5);
     vb.setStyle("paddingRight", 5);
     vb.setStyle("paddingTop", 5);
     user.width = 228;
     pass.width = 228;
     vb.addChild(user);
     vb.addChild(pass);
     panel = new Panel();
     panel.title = "Login to the Easy Lead Finder";
     panel.width = 240;
     panel.height = 140;
     panel.addChild(vb);
     panel.addChild(cb);
     PopUpManager.addPopUp(panel, this, true);
     PopUpManager.centerPopUp(panel)
Since this is all done in AS, and inside a function, I can't just do user.text to get the username's text value.
In processLogin, I need access to these so I can check them against a database I have and allow log in.
How can I access these without overly complicated CHANGE text events?

When it's set back to Event.CHANGE, I'm getting this error still.
TypeError: Error #1034: Type Coercion failed: cannot convert spark.components::TextInput@be0b479 to flash.text.TextField.
Here's the exact code I'm using.
function setUsername(e:Event){
     trace(TextField(e.currentTarget).text);
private function createLoginScreen():void {
     var vb:VBox = new VBox();
     var label:Label = new Label();
     var user:TextInput = new TextInput();
     user.text = "Username";
     user.addEventListener(Event.CHANGE, setUsername);
     var pass:TextInput = new TextInput();
     pass.text = "Password";
     pass.addEventListener(Event.CHANGE, setPassword);
     var cb:ControlBar = new ControlBar();
     var s:Spacer = new Spacer();
     var b1:Button = new Button();
     s.percentWidth = 100;
     b1.label = "Submit";
     b1.addEventListener(MouseEvent.CLICK, processLogin);
     cb.addChild(s);
     cb.addChild(b1);
     vb.setStyle("paddingBottom", 5);
     vb.setStyle("paddingLeft", 5);
     vb.setStyle("paddingRight", 5);
     vb.setStyle("paddingTop", 5);
     user.width = 228;
     pass.width = 228;
     vb.addChild(user);
     vb.addChild(pass);
     panel = new Panel();
     panel.title = "Login to the Easy Lead Finder";
     panel.width = 240;
     panel.height = 140;
     panel.addChild(vb);
     panel.addChild(cb);
     PopUpManager.addPopUp(panel, this, true);
     PopUpManager.centerPopUp(panel)

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

Viewing and Interacting with WebPage inside a PDF?

Would like to develop a PDF similar to the 'FRAME' technology used in basic webpages.
I have subforms acting as headers, footers, body and right navigation toolbar.
I want the PDF to load a specific URL into the Body subform upon Form:Ready.
Then, upon a command (TBD) - hide that subform (within the Body) and show another subform in its place.
Is this possible?

This is not possible using PDF.
Choose Adobe Flex instead, which helps to design using a rich set of components and provides much flexible usabilities.
Nith

Styling command link inside a panel List

Hi All,
I have the following layout:
PanelBox
--panelList
-- CommandLink
I would like to style the command link under the panel List component. I have tried skinning the command Link component individually as well as applying styling to panel List component. Both didn't work( I haven't debugged this yet with firebug). From the skinning document, it has been mentioned that Style the root component of the command Link/Panel List. In this case, how do we style the command Link component. Basically, i would like to apply style for Link active, hover and focus.
Thanks,
Bala

As far as I am aware, you would need to skin the specific component irrespective of the parent componet/root.
For your usecase, you take look at the skinning demo application for the various skinning selectors for the command link at
http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/commandLink.jspx
Thanks,
Navaneeth

Webpage inside a panel

Similar Messages

Maybe you are looking for