Drag and Drop in CSS Styles Panel

So, I am going through Dreamweaver CS5 Classroom in a Book. In lesson 6, pages 106 through109, it tells you to drag and drop rules in the CSS Styles Panel into a certain order. I can't seem to get it to work for me. Am I missing something?

What do u mean by saying this?? Drag & Drop is possible for
components example Jtree , jtable .These are placed on containers like JApplet, Applet or frame .
So the answer is yes !
there is a seprate package devoted to Drag & Drop.

Similar Messages

Is there a way to disable drag-and-drop on the pages panel?

Hi, I'm using Indesign CS3 on Windows XP. My computer is a laptop and the problem I'm having is that when I have the pages panel open, I have sometimes drag-and-dropped pages of a document into a new order without meaning to (the laptop touch pad seems made for these butterfingers-type moves). The documents that I'm laying out are several hundred pages long, so sometimes I don't notice that I've screwed a few pages up until much later. If there is any way to just turn this feature off, that would be great. Due to the arrangement in which I usually work best (on a sofa), I would prefer not to have to attach an actual mouse to the laptop. Thank you for any help.

Not that I know of.

Dragging (and dropping) components in a panel

I want to learn how to move a component or image around in a panel and drop it. To also drop other images and then connect the images with a connecting line. I don't really need to go into the Drag and Drop API because I'm just staying in my GUI. Can someone direct me to a resource that might help me?
Gracias,
Miguel

Hi!
Here's a small program with a draggable Button.
Have a look at the class 'DraggableButton'.
Cheers Tom
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class DragButton extends JFrame {
     public DragButton()     {
          setDefaultCloseOperation(EXIT_ON_CLOSE);
          getContentPane().setLayout(null);
          DraggableButton b = new DraggableButton("Drag me");
          getContentPane().add(b);
          b.setBounds(30,30,100,30);
     public static void main(String args[]) {
          DragButton f = new DragButton();
          f.setBounds(200,200,400,400);
          f.setVisible(true);
class DraggableButton extends JButton implements MouseListener, MouseMotionListener {
     public DraggableButton(String text) {
          super(text);
          addMouseListener(this);
          addMouseMotionListener(this);
     int oldX, oldY;
     public void mousePressed(MouseEvent ev) {
          oldX = ev.getX();
          oldY = ev.getY();
     public void mouseDragged(MouseEvent ev) {
          int dx = ev.getX() - oldX;
          int dy = ev.getY() - oldY;
          setLocation(getX() + dx, getY() + dy);
     public void mouseClicked(MouseEvent ev) {}
     public void mouseReleased(MouseEvent ev) {}
     public void mouseEntered(MouseEvent ev) {}
     public void mouseExited(MouseEvent ev) {}
     public void mouseMoved(MouseEvent ev) {}
     static void p(String s) {
          System.out.println(s);
}

Element Panel Drag and drop

I can't seem to be able to drag and drop in the elements panel
I have to draw a box in something in order to drag something into it

So you can reorder but you cannot drop a child into a non-parent?
This is in fact a bug, I'll get it filed for you and worked on.
Best,
Corey

Trying to drag and drop a text parameter, but it only applies to one letter

Hiya,
In Motion 3, you could drag and drop a Text - Style Parameter to another text object.
Now, in Motion 4, when I try to drag a Parameter it only applies to the first letter of my text object.
So when I drag my Glow from one object to another, my Bleary In Behavior has a blue glow on T in THIS and a yellow glow on HIS in THIS.
I'm guessing this has to do with the ability to adjust each letter with the glyph tool. However, it won't allow me to drag the Parameter to each individual letter...
Which I see a need for...
But why would I want to do a time consuming thing like that?
It's stupid.
Any advice is much appreciated!
Thank you

Well, I'm not sure what to say. I can't replicate your problem. I can drag the outline parameters onto a text object in the viewer, layers pane, or timeline and it copies it exactly as it did in Motion 3, over the entire text object.
However, if I have the glyph tool selected and try to do the same thing, it crashes Motion 100% of the time.
Neither situation is what you're reporting though. It helped me find a bug, and something to avoid however.
Andy

Drag and drop to apply color to art.

Hi All,
I am designing a panel for Illustrator CS6 that displays colors in a datagrid as follows,
[Color] [Color_Name]
I want to be able to apply color to any art by using the drag-n-drop from the panel to the document. Is it possible that I am able to detect the art on which the color was dropped so that I can apply the color?
Thanks!

I came upon the NativeDragManager class of the CS Extension. We can use it to drag and drop objects from the panel to the application document. For this we use the ClipBoard and specify the format of the clipboard data. There are quite a few formats, namely, bitmap, text, url, file, etc. However, I couldn't use any of these so that I might drag a color from my panel to the document.
Here is a code to drag and drop a text from panel to document,
var clip:Clipboard = new Clipboard();
clip.setData(ClipboardFormats.TEXT_FORMAT, designsDG.selectedItem.Colors);
var allowedActions:NativeDragOptions = new NativeDragOptions();
NativeDragManager.doDrag(designsDG.selectedItem as InteractiveObject, clip);
Here designsDG is the datagrid containing the text.
How can I do something similar for a color object?
Any inputs?

Cannot drag and drop a layer(s) from 1 PS file to another.

Hello,
I have just installed PS CS5.1 and used 64bit version (Yes, I have restarted my PC).
I have found 2 problems straight away: when you are trying to drag and drop images from layers panel to another PS file (see image above), it won't do it like it was in CS5: the current solution is to choose them in layers panel, but start dragging them from the image window.
Another problem is with the clipboard: I cannot paste to in PS5.1 more than 1 image captured with PrintScreen: as long as I click PrintScreen only the first 1, although if I open PS5 the image captured by Prinscreen changes with out problems to the latest one. After restart I could not even paste a single picture, while pastes in other applications are working fine.
As these are 2 big issues for my current state of work, I am rolling back to PS5, until the fixes will be made.
Regards,
Pavel

Hi Rahul,
It seams that not many people were using 64bit PS, since there were not many plugins available, but now there are more and more of them, and probably this bug would not be the only issue.
UPDATE: Sorry, I was wrong on the drag and drop layers from layers panel to another PS file: it probably was always unavailable, but could be a good idea for future interface solutions.
Hopefully our favourite software manufacturer Adobe will respond to our message with a hot fix
Regards,
Pavel

Drag and drop questions using image and painting

Hi all,
please apologize me if i'm posting a just discussed topic, but I couldn't find anything that could help me.
I'm trying to create an application where I've a Jtree on the left panel that contain entities that have to be dragged and dropped in the central panel (eventually pasting a representative image) as user decide.
I've just implemented all panels and jtree. I read java tutorial on drag and drop, but I don't know HOW i can paste image as objects that then i can manipulate in such a way that the user needs.
Do I have to use java.awt.dnd package?
Please, I'd like to receive some suggestion about.
Thanks in advance for your kindness.
Vincenzo

I'm sorry, I think that i've not been clear in my explanation. I don't know how to transfer by drag & drop an image (a node of a jtree) to a beside panel. I don't want to get code, it will be more appreciate suggestions on how to proceede.
I don't understand if I need java.awt.dnd package. On java tutorial I read that it shouldn't have to be used.
Thanks, I hope that I've been clearer now.

File drag and drop with Labview 7 and Mac OS X Tiger?

Hi folks,
I've lost the ability to drag and drop files into front panel file path
controls, since I upgraded to a new OS X version. Specifically:
What used to work:
    - Labview 7.0
    - Mac OS X 10.3.x
    - drag file icon from desktop and drop onto file path control (file path control shows path to dropped file)
New action taken:
    - lost old Mac (Titanium) with OS X 10.3.x
    - bought new Mac (Aluminum) with OS X 10.4
    - installed OS X 10.4 "over" 10.3 disk (did not build from scratch)
What happens now (three days after birth of new system):
    - all my past Labview apps still seem to run
    - but, if I drag a file from the desktop and drop it onto the file path control I see:
          - file path control
"outlines" indicating that it understands the intended drag and drop
action
          - when the file is dropped the file path control does not report the new value
          - And the file path control still has it's old value
Anyone else seeing this? Am I missing something obvious (Labview or OS X preferences)?
Thanks in advance,
RMP

Hello,
I don't know how seriously Apple sees the problem, but it doesn't seem plausible that they would rev the OS on account of just this problem with LabVIEW, particularly since we worked around it for the latest version of LabVIEW. I understand you are working with another engineer at NI via direct email regarding this issue, and that is going to be a better forum for discussing the possibility of obtaining the Apple bug report number. In the event R&D is willing to reveal it, I presume they will be more comfortable doing so on a case by case basis, as opposed to posting it on the external discussion forum.
Thank you, and sorry for the inconvenience you have encountered due to this issue.
Best Regards,
JLS
Best,
JLS
Sixclear

Problem with Drag and drop in panel dashboard

Hi
I am having problem with drag and drop in panel dashboard.
I will explain what i am doing.
I am using Oracle three column template in First region i am having a table that showing all customer.
I drag one record from my table and drop it on customer info (CIF) page on second region it is working fine.
my CIF page has a dashboard with 6 panel box. i am showing 6 different jsff in 6 panel box.
I put drop target in each jsff
<af:dropTarget dropListener="#{backingBeanScope.backing_customerinformation.handleItemDrop}"
actions="COPY">
<af:dataFlavor flavorClass="org.apache.myfaces.trinidad.model.RowKeySet"
discriminant="CustomerSearchDnD"/>
</af:dropTarget>
when i put drop target my panel boxes moves only when i drag it to another panel box header not entire part of panel box.
if i remove the drop target then panel box move normally as the example given on: [http://adfui.us.oracle.com:7778/faces-trunk/faces/visualDesigns/dashboard.jspx?_afrLoop=2021391022520156&_afrWindowMode=0&_afrWindowId=null] but in taht case i am not able to drag and drop my data

You must be an Oracle employee as you're referring to a component in the upcoming JDeveloper version which has yet been released to the general public. Oracle employee's are, I believe, directed to post on internal Oracle forums.
CM.

How do I create a text style in CC libraries? Every time I drag and drop text into library form Photoshop or illustrator it turns it into a graphic.

How do I create a text style in CC libraries? Every time I drag and drop text into library form Photoshop or illustrator it turns it into a graphic.
If I select the text layer and click the text style button in the library it just creates a new text style for Myriad Pro 12pt - I'm not using that anywhere in my document.
Can anyone help? Seems like a bug to me as I'm trying what the video tutorials are saying.
Thanks

I realize AI is an illustration program.
Do you realize it is an object-based vector-based program? Do you know the difference between raster-based and vector-based content?
My question seems to be all over the forum but no one has been able to answer other than exporting to these file formats, which make text look awful and of no use....
And yet everyone else in the world makes proper web images every day using a plethora of programs, including these...go figure.
Am I missing something?
Yep. Pretty much.
Hello Adobe! People use transparency on website logos.
Hello, cocteau! What you're calling "transparency" is inherent to object-based vector artwork. But web browsers don't support object-based vector artwork, except via file formats like Flash and SVG, or by viewing as a PDF in a plug-in version of Reader. Raster imaging in general only supports "transparency" by either indexing a specific color (i.e.; "don't display this color", as in GIF) or including an alpha channel (i.e.; "blend all the pixels with existing pixels, based on values from this extra channel", as in PNG). It's all in the raster file format you use, cocteau; it has little-to-nothing to do specifically with Adobe software. Such things are among the most basic matters understood by someone doing web design.
When I export an eps from .ai file, and open the eps in photoshop,...I save as a gif for the web, it goes back to the original problem...creates jagged text. I"m giving up on this garbage...Thanks a lot adobe! Lower the price of this software if this is all that can be done.
Once it leaves Photoshop (or Illustrator, or whatever) as a non-proprietary raster image format, it's all about what the format can do re "transparency". You can do this stuff with most any graphics program. You should read about basic web design and the differences between raster and vector content, rather than rant.
JET

Confused With Dreamweaver CC and the CSS Styles Panel!

Hi all
I'm relativley new to the CC but I'm having alot of fun learning how to use dreamweaver, But now comes where I get confused. I'm learning from Lynda.com "Dreamweaver and WordPres Core Concepts" and as I follow the tutorial regarding the actual structure of wordpress themes I have different panels to the tutour.
As you can see from the pics I have a different set up and this makes it very hard to follow the tutour.
I have tried the windows menu but there is no CSS Style Panel, plus I have media, sources, selectors, and properties. Apparently the tutour is also usin CC.
Can someone please guide me on how to learn dreamweaver with up to date tutourials....

I'm not familiar with the Dreamweaver/WordPress videos on lynda.com, but if the tutorials are showing the CSS Styles panel, it means that it was recorded on Dreamweaver CS6 or earlier.
The CSS Designer panel replaces the old CSS Styles panel in DW CC. Since you have access to lynda.com, I suggest that you take a look at James Williamson's CSS Designer overview in Dreamweaver CC Essential Training.

Drag and Drop Between two Panels

Hi,
I am working with Swings,i created two Panels A and B. I kept some GIF or Image in Panel A,i would like to drag the gif object in to Panel B.
when i try like this,my mouse could not communicate with two panels A and B.mouse events working Individualey,i mean mouse events working in same panel.
Plz let me know how to communicate with two different panels with mouse. Drag and Drop between Panel A and Panel B.
Thanking you
MyProblems

You might check out the Drag and Drop tutorial, especially the section Data Transfer with a Custom Component.
Here's another approach using an overlayed non–opaque JPanel as a transfer device. The image label is transfered to the (fake) glass pane and dragged. On mouse release it is added to the JPanel below. Although I didn't build in any boundry–checking it would be a useful thing. Mostly to ensure a suitable drop target and component location in it.
import java.awt.*;
import java.awt.event.*;
import java.io.*;
import java.net.*;
import javax.imageio.ImageIO;
import javax.swing.*;
import javax.swing.event.*;
public class DraggingTest
    public static void main(String[] args)
        LeftPanel left = new LeftPanel();
        JPanel right = new JPanel();
        right.setBackground(new Color(200,240,220));
        right.setLayout(null);
        JPanel panel = new JPanel(new GridBagLayout());
        GridBagConstraints gbc = new GridBagConstraints();
        gbc.weightx = 1.0;
        gbc.weighty = 1.0;
        gbc.fill = gbc.BOTH;
        panel.add(left, gbc);
        panel.add(right, gbc);
        JPanel glassPanel = new JPanel();
        glassPanel.setOpaque(false);
        JPanel overlay = new JPanel();
        OverlayLayout layout = new OverlayLayout(overlay);
        overlay.setLayout(layout);
        overlay.add(glassPanel);
        overlay.add(panel);
        ImageMover mover = new ImageMover(left, right, glassPanel);
        glassPanel.addMouseListener(mover);
        glassPanel.addMouseMotionListener(mover);
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(overlay);
        f.setSize(400,400);
        f.setLocation(600,325);
        f.setVisible(true);
class LeftPanel extends JPanel
    Image image;
    JLabel label;
    public LeftPanel()
        loadImage();
        setBackground(Color.white);
        setLayout(null);
        label = new JLabel(new ImageIcon(image));
        label.setName("imageLabel");
        Dimension d = label.getPreferredSize();
        label.setBounds(40, 40, d.width, d.height);
        add(label);
    private void loadImage()
        String fileName = "images/dukeWaveRed.gif";
        try
            URL url = getClass().getResource(fileName);
            image = ImageIO.read(url);
        catch(MalformedURLException mue)
            System.out.println(mue.getMessage());
        catch(IOException ioe)
            System.out.println(ioe.getMessage());
class ImageMover extends MouseInputAdapter
    LeftPanel left;
    JPanel right, glassPanel;
    JPanel activePanel;
    Component selectedComponent; // imageLabel
    Point offset;
    boolean dragging, selected;
    public ImageMover(LeftPanel lp, JPanel p, JPanel gp)
        left = lp;
        right = p;
        glassPanel = gp;
        offset = new Point();
        dragging = false;
        selected = false;
    public void mousePressed(MouseEvent e)
        Point p = e.getPoint();
        // which panel is the mouse over
        if(!setActivePanel(p));
            return;
        // get reference to imageLabel or return
        selectedComponent = getImageLabel();
        if(selectedComponent == null)
            return;
        Rectangle labelR = selectedComponent.getBounds();
        Rectangle panelR = activePanel.getBounds();
        if(labelR.contains(p.x - panelR.x, p.y))
            activePanel.remove(selectedComponent);
            selected = true;
            glassPanel.add(selectedComponent);
            offset.x = p.x - labelR.x - panelR.x;
            offset.y = p.y - labelR.y - panelR.y;
            dragging = true;
    public void mouseReleased(MouseEvent e)
        Point p = e.getPoint();
        if(!contains(glassPanel, selectedComponent))
            return;
        glassPanel.remove(selectedComponent);
        setActivePanel(p);
        activePanel.add(selectedComponent);
        Rectangle r = activePanel.getBounds();
        int x = p.x - offset.x - r.x;
        int y = p.y - offset.y;
        Dimension d = selectedComponent.getSize();
        selectedComponent.setBounds(x, y, d.width, d.height);
        glassPanel.repaint();
        activePanel.repaint();
        dragging = false;
    public void mouseDragged(MouseEvent e)
        if(dragging)
            Point p = e.getPoint();
            int x = p.x - offset.x;
            int y = p.y - offset.y;
            Dimension d = selectedComponent.getSize();
            selectedComponent.setBounds(x, y, d.width, d.height);
            if(!selected)
                activePanel.repaint();
                selected = false;
            glassPanel.repaint();
    private boolean contains(JPanel p, Component comp)
        Component[] c = p.getComponents();
        for(int j = 0; j < c.length; j++)
            if(c[j] == comp)
                return true;
        return false;
    private boolean setActivePanel(Point p)
        activePanel = null;
        Rectangle r = left.getBounds();
        if(r.contains(p))
            activePanel = left;
        r = right.getBounds();
        if(r.contains(p))
           activePanel = right;
        if(activePanel != null)
            return true;
        return false;
    private Component getImageLabel()
        Component[] c = activePanel.getComponents();
        for(int j = 0; j < c.length; j++)
            if(c[j].getName().equals("imageLabel"))
                return c[j];
        return null;
}

Drag and Drop onto a Panel

Does anybody know how to enable drag and drop onto a panel? I
need my users to be able to choose an image from a grid and place
it where ever they want on a panel or something. How can I do this
in flex? I know how to do drag and drop from grid to grids or
select boxes. I just can't get to place it on a panel.
Thanks for any insight

Thanks a million. This definitely helps out a lot. Do you
know of a way where you could put all of them on the panel and
control their layout? Basically, I need the user to be able to pick
as few or as many of the flags they want and place them on the
panel to make a collage. So the end user can drag the items around
and put them in the panel however they see fit.
Once again, thanks.

Drag and Drop from Files panel

I am having trouble dragging JPG files from the Files panel
to insert in my pages. I have a number of pages created from the
same template and the ability to drag and drop an image from the
Files panel doesn't work for all pages.
Some pages let me drag the file across, other times I have to
use the Insert command and browse to select the file. Is there an
option that I've somehow turned off for these pages?
Thanks.

> Is there an option that I've somehow turned off for
these pages?
I don't think so. What happens on those pages that fail? Do
you get an
error? Do you just get nothing? Do you get the circle/slash
cursor? Are
you dropping onto non-editable turf?
Personally, I have never found the INSERT menu option to be
too much
trouble....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Bagheera62" <[email protected]> wrote in
message
news:gngsur$9ri$[email protected]..
>I am having trouble dragging JPG files from the Files
panel to insert in my
> pages. I have a number of pages created from the same
template and the
> ability
> to drag and drop an image from the Files panel doesn't
work for all pages.
>
> Some pages let me drag the file across, other times I
have to use the
> Insert
> command and browse to select the file. Is there an
option that I've
> somehow
> turned off for these pages?
>
> Thanks.
>

Drag and Drop in CSS Styles Panel

Similar Messages

Maybe you are looking for