Orthogonal Grid Drawing

Hi,
I need some help finding an Orthogonal Grid drawing algorithm.
I have a number of objects with (binary) relationships between them and need an algorithm to display them in an intelligent way to a JFrame.
I know what algorithm I need but I don't know where to find it and am a little unsure about interpreting the maths of the algorithms I have seen into Java code.
Any ideas?
James

usually orthogonal layout and sugiyama layout are two different approaches to the graph drawing problem.
certainly you can use the sugiyama layout algorithm and make your links (aka eges) orthogonal which renders you with an orthogonal layout.
search the web for the pairing technique algorithm by "tollis" and papakostas (or similiar) which is a more pure orthogonal approach. the difficulty with orthogonal drawing of graphs with degree > 4 is that you need to implemented the concept of ports somehow, otherwise you will have overlapping edges.
regards, stepan

Similar Messages

Turning a Grid Drawing Panel Into a JavaBean

Hello,
I've written a class for drawing a grid in which a user can draw shapes. I want to implement it into my GUI that I've built using the Netbeans GUI builder and it seems the most straightforward way (or so I thought!) was to create it as a JavaBean. I've read the JavaBean tutorial but it seems a little unclear apart from for the creation of the simple bean. I've also had a look at the conventions on wikipedia and modified my class several times to try and get it to be accepted as a JavaBean but with no luck. Are there any other sources of info I could use?
Thanks,
Nick

(Thanks for helping me!) Woops! I forgot about this thread.
Well anyway, this is one way. There might be a better way.
Good luck!
import javax.swing.*;
import javax.swing.event.*;
import java.awt.*;
import java.awt.event.*;
public class GridPanelTest{
public static void main(String[] args){
     new GridPanelTest();
public GridPanelTest(){
     panel = new GridPanel();
     frame = new JFrame();
     frame.setContentPane(panel);
     frame.setSize(500, 500);
     frame.setLocationRelativeTo(null);
     frame.setVisible(true);
public class GridPanel extends JPanel{
public GridPanel(){
     this.setBackground(Color.WHITE);
public void paintComponent(Graphics g){
     super.paintComponent(g);
     Graphics2D gfx = (Graphics2D)g;
     gfx.setRenderingHint(     RenderingHints.KEY_ANTIALIASING,
                                   RenderingHints.VALUE_ANTIALIAS_ON);
     gfx.setStroke(thick);
     gfx.setPaint(Color.RED);
     for(int i = 0; i < numRows; i++){
     int pos = (int)(((double)this.getHeight() / (double)numRows) * (double)i);
     gfx.drawLine(0, pos, this.getWidth(), pos);
     for(int j = 0; j < numColumns; j++){
     int pos = (int)(((double)this.getWidth() / (double)numColumns) * (double)j);
     gfx.drawLine(pos, 0, pos, this.getHeight());
     int numRows = 4;
     int numColumns = 3;
     BasicStroke thick = new BasicStroke(2);
     JFrame frame;
     GridPanel panel;
}

Anyway to add gridlines in iphoto for a grid drawing?

need to add lines at one inch intervals

The only way I can think of is to use an image editing application that displays rulers at top and side and can draw lines of any width you determine. Photshop Elements for Mac can do what you want. Other potential editors are
Some Image Editors That Support layers:
Photoshop Elements 11 for Mac - $79
Rainbow Painter - $30
Imagerie - $38
Acorn - $50
Pixelmator - $60
Seashore - Free
GIMP for Mac - Free
Xee 2.1 - free
Most have a demo version that you can test before you purchase.
Pages can add lines at 1 inch intervals but it only has a ruler at the top.
OT

Grid in drawing

Hello,
i am testing Pages as a AppleWorks user. Where is in Pages the menu to make a grid of for example 1mm (rastering). This would be very helpfull when working with drawing objects.
Thanks
Achim
Message was edited by: Achim Bernlöhr

I haven't checked your code but this class creates a dynamically sized grid for a chess board or whatever - hope this is what you're after, ie: the algorithms for your grid drawing. Run it with appletviewer and drag the corners and you'll see it auto resize.import java.applet.*;
import java.awt.*;
public class Gridder extends Applet{
   public void init(){}
   public void paint(Graphics g){
      int x = getWidth()/8;
      int y = getHeight()/8;
      int Xx=0, Yy=0;
         for(int ii=0; ii<8; ii++){
            for(int jj=0; jj<8; jj++){
               if((ii+jj) % 2 ==0) g.setColor(Color.gray);
               else g.setColor(Color.lightGray);
               g.fillRect(Xx,Yy,x,y);
               Xx+=x;
         Xx=0;
         Yy+=y;
      Xx=0;
      Yy=0;
      g.setColor(Color.white);
         for(int ii=0; ii<9; ii++){
            g.drawLine(Xx,0,Xx,getHeight());
            g.drawLine(0,Yy,getWidth(),Yy);
            Xx +=x;
            Yy +=y;
}

Perspective Grid: How do I draw a cube showing only its TOP and its FRONT?

Can I create this with Illustrator's Perspective Grid? the 1-, 2-, and 3-point perspectives don't seem to be what I need...

Yes you can draw it with perspective grid.
Set up perspective grid
Draw a square and rotate it 45°
then drag square into perspective grid
Make a copy by pressing Alt and 5 and moving up
(to measure the distance you could place a copy of the square from step one on one of the sides in perspective grid)
Then use the pen tool to draw the front side by connecting the dots.

Why am I getting a ghost grid after doing a crop WITH A ROTATION? Ps CC 2014

After using the crop tool (C) WITH A ROTATION using Ps CC 2014 (2014.2.1 Release; 20141014.r.257 x64), I can see a hazy orthogonal grid of varying line widths in the darker areas of the image(s). It appears to be about the same size as the alignment grid that appears during the crop function. It seems the grid somehow is including itself when the rotation algorithm is executed. This does not happen if there is no rotation function being used.
This phenomena does not happen at all on Ps CS6 Extended.
I am using Windows 7 (64-bit) on a Samsung Series-7 Gamer laptop (i7-3610QM CPU @ 2.23GHz; NVIDIA GeForce 675M GPU w/ 3GB video RAM; 16GB system RAM)

Sorry to be so long in replying.
That may have been the problem. I can't recreate the
problem today. I know I'm not crazy because I showed the guy I was working
with the failure mode and it was consistent and repeatable for him. Perhaps
restarting the machine reset whatever was screwy in the video driver / GPU.
If I see it again, I will be sure to keep an example.
It was a lot of work with the spot healing brush I didn't need to do!
Thanks for your response.
Bob

How to implement a snap grid?

I've been watching these forums for a while now, and I don't think I've seen anyone bring this up. I need to implement a toggleable snap grid, basically like might be in a paint or CAD program. However, I have no clue where to start or how I would begin to attempt such a thing in swing. Has anyone done this, or have any suggestions of what API functions might provide what I need? Thanks,
xanatos387

Not sure if you're still having problems...here's some code to allow 'snap to grid' drawing. I've removed alot of stuff for clarity, but you should still get the 'gist' of how it works.
-Brian
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class DotTest extends JPanel implements MouseListener, MouseMotionListener {
     private int dotSize;
     private Shape aShape;
     private boolean inDrag = false;
     private int xOffset, yOffset;
     public static void main(String[] args) {
          int dotSize;
          if (args.length < 0 )
               dotSize = 5;
          else
               dotSize = Integer.parseInt(args[0]);
          DotTest t = new DotTest(dotSize);
          JFrame f = new JFrame("Dot Size Test");
          f.setSize(300, 300);
          f.getContentPane().add(t, BorderLayout.CENTER);
          f.show();
     public DotTest(int d) {
          super();
          dotSize = d;
          buildGUI();
          System.out.println("Using dotSize of :"+dotSize);
          aShape = new Shape(dotSize, dotSize, 3*dotSize, 6*dotSize, Color.blue);
          this.addMouseListener(this);
          this.addMouseMotionListener(this);
     private void buildGUI() {
          setBackground(Color.white);
     public void paintComponent(Graphics g) {
          super.paintComponent(g);
          // custom paint code to 'draw dots'
          Rectangle r = g.getClipBounds();
          g.setColor(Color.gray);
          for(int x = 0;x<r.width;x=x+dotSize) {
               for(int y=0;y<r.height;y=y+dotSize) {
                    g.drawLine(x, y, x, y);
          // draw out 'shape'
          g.setColor(aShape.c);
          g.fillRect(aShape.x, aShape.y, aShape.w, aShape.h);
     public void mousePressed(MouseEvent e) {
          Rectangle r = aShape.getRectangle();
          if (r.contains(e.getX(), e.getY())) {
               inDrag = true;
               xOffset = e.getX() - aShape.x;
               yOffset = e.getY() - aShape.y;
     public void mouseReleased(MouseEvent e) {
          if (inDrag == true) {
               inDrag = false;
     public void mouseClicked(MouseEvent e) {
     public void mouseEntered(MouseEvent e) {
     public void mouseExited(MouseEvent e) {
     public void mouseMoved(MouseEvent e) {
     public void mouseDragged(MouseEvent e) {
          if (inDrag == true) {
               // check to see if the current mouse location falls on a 'dot' location
               // the '%' or 'modulo' operator returns the remainder of a division.
               // if the remainder is 'zero' then the point lies on a 'dot' or 'grid' location.
               int x = (e.getX() - xOffset) % dotSize;
               int y = (e.getY() - yOffset) % dotSize;
               if (x == 0)
                    aShape.x = e.getX() - xOffset;
               if (y == 0) {
                    aShape.y = e.getY() - yOffset;
                    c = true;
               // cause the component to 'update' it's display
               repaint();
     // inner class....just to give us something to 'drag around' the grid
     class Shape {
          int x, y, w, h;
          Color c;
          public Shape(int x, int y, int w, int h, Color c) {
               this.x = x;
               this.y = y;
               this.w = w;
               this.h = h;
               this.c = c;
          public Rectangle getRectangle() {
               return new Rectangle(x, y, w, h);
}

Grid when cropping & straightening

Is there a way when cropping an image to view a grid overaid to help with these functions, especially with straightening?

This is a feature. When you use the Straighten Tool an orthogonal grid is superimposed on the Image as soon as you click on the Image and drag the mouse cursor. When you use the slider or the value slider (that's what Apple calls the field with the number flanked by triangles), no grid is superimposed and you can see your Image "as is".
You can activate the Straighten Tool in at least two ways: clicking the icon on the Tool Strip (that's what Apple calls the mini-toolbar in the bottom border of the Viewer), or clicking the tool icon at the top of the Straighten Brick. When the tool is active, the mouse cursor changes to two equilateral triangles yoked together, one pointing up and one pointing down.
All of this is covered well in the User Manual.
Fwiw, Aperture distinguishes between "Tools" and "Brushes". Afaict, this distinction is based on user expectation and not on logic.
Message was edited by: Kirby Krieger -- clean up.

How to get selected Row/Cell value in i5Grid

Hi Friends,
Can anyone help to how to find the selected Row/Cell value of a i5Grid object. I am able to register the event handlers which are getting invoked on row/cell selection. But I want to know how can I get the value of selected Cell/Row. I would like to add selected Items from one i5Grid to another one.
So want to know how can I get and set the value of i5Grid object.
MII version 14.0 SP4 Patch
Thank in advance
Shaji Chandran

Hi Shaji,
Here is my code.
<!DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE>Your Title Here</TITLE>
    <META http-equiv="X-UA-Compatible" content="IE=edge">
    <META http-equiv='cache-control' content='no-cache'>
    <META http-equiv='expires' content='0'>
    <META http-equiv='pragma' content='no-cache'>
    <SCRIPT type="text/javascript" src="/XMII/JavaScript/bootstrap.js" data-libs="i5Chart,i5Grid,i5SPCChart"></SCRIPT>
    <SCRIPT>
        var Grid = new com.sap.xmii.grid.init.i5Grid("STC/C5167365/i5Grid_TagQuery", "STC/C5167365/TagQuery");
        Grid.setGridWidth("640px");
        Grid.setGridHeight("400px");
        Grid.draw("div1");
    function setCellValue()
    Grid.getGridObject().setCellValue(1,1,"Set");
    function setCellValueAgain()
    Grid.getGridObject().setCellValue(1,1,"Changed Again");
    </SCRIPT>
</HEAD>
<BODY>
    <DIV id="div1"></DIV>
    <INPUT type="Button" value="setCellValue" onClick="setCellValue()"/>
    <INPUT type="Button" value="setCellValueAgain" onClick="setCellValueAgain()"/>
</BODY>
</HTML>
Regards,
Sriram

Looking for feedback on my applescript app, give it a try!

http://www.cbreier.com/2012/06/art-utility-beta.html
I've started creating interfaces for some of my Illustrator scripts so that it would make them easier to use. There's a youtube demo of it at the above link. It's a standalone app so it won't affect your installation of illustrator (it won't add extra menu items etc). It's easy to uninstall, just drag it to the trash if you don't like it. There's a feedback form for reporting bugs and for giving general feedback. Let me know if you find it useful!
FEATURES:
Artboard Resize: Select an object and click "page size" to change the current artboard to the size of the selection. Add a border by entering a number in the text field. A negative number will make the artboard smaller than the selection.
Select Every: text frame, path item or placed item in the document.
Add Dimensions to Selection: Automatically call out the dimensions of a selection. It adds the width and height in inches, mm, or cm.
Add Dieline Swatch: Adds a "dieline" spot color to the swatches– spot colors are usually used to call non printing items so that they separate from the process colors.
Current Date: Copy the current date to the clipboard with a click of a button.
Slug Info: creates a text frame that includes basic information about the the document; name of the computer user, date and time that the slug was updated, the file name, the file path, file creation date, file modification date, document width, and document height.
Ink Names: adds all of the ink names used in the artwork to the document. Conveniently colors each ink name in its own color.
Grids: Draw complex grids within a rectangular selection with a click of a button.
Guides: Automatically draws guides around the perimeter of a selection or the artboard. Can also draw guides on the vertical and horizontal centers of the artboard or selection.
Unit Converter: converts between in, cm, mm, points/pixels.
Scale Percentage Calculator: takes the guesswork out of scaling to a specific size. Enter the current dimension and the desired dimension and it will calculate the exact percentage to scale it at.
Chris Breier
http://www.cbreier.com

http://www.cbreier.com/2012/06/art-utility-beta.html
I've started creating interfaces for some of my Illustrator scripts so that it would make them easier to use. There's a youtube demo of it at the above link. It's a standalone app so it won't affect your installation of illustrator (it won't add extra menu items etc). It's easy to uninstall, just drag it to the trash if you don't like it. There's a feedback form for reporting bugs and for giving general feedback. Let me know if you find it useful!
FEATURES:
Artboard Resize: Select an object and click "page size" to change the current artboard to the size of the selection. Add a border by entering a number in the text field. A negative number will make the artboard smaller than the selection.
Select Every: text frame, path item or placed item in the document.
Add Dimensions to Selection: Automatically call out the dimensions of a selection. It adds the width and height in inches, mm, or cm.
Add Dieline Swatch: Adds a "dieline" spot color to the swatches– spot colors are usually used to call non printing items so that they separate from the process colors.
Current Date: Copy the current date to the clipboard with a click of a button.
Slug Info: creates a text frame that includes basic information about the the document; name of the computer user, date and time that the slug was updated, the file name, the file path, file creation date, file modification date, document width, and document height.
Ink Names: adds all of the ink names used in the artwork to the document. Conveniently colors each ink name in its own color.
Grids: Draw complex grids within a rectangular selection with a click of a button.
Guides: Automatically draws guides around the perimeter of a selection or the artboard. Can also draw guides on the vertical and horizontal centers of the artboard or selection.
Unit Converter: converts between in, cm, mm, points/pixels.
Scale Percentage Calculator: takes the guesswork out of scaling to a specific size. Enter the current dimension and the desired dimension and it will calculate the exact percentage to scale it at.
Chris Breier
http://www.cbreier.com

Need help setting up file for program Ai CS5 Mac

Hello everyone, I am hoping you can help me with something. I am having a 20 page conference program printed through a 3rd party company.The printer sent me back the proof today and on almost every page my artwork is being chopped off.
This is the email sent with the proof today:
" I want you to look at these spreads and tell me if this is how you visualized your finished pages? A lot of your art is being cut off. The finished size is 11x17. You sent pages that were 9x12, so I used them at 100% on the 12x18 press sheet. You only need to provide a 1/8" bleed, not a 1/2". You also have bleeds on the centers of the spreads. Those should not have a bleed. Only the outside 3 edges should bleed.
I had trouble getting all of the art to line up."
Printer Info:
They print on 12/18 trimmed down to 11 x 17 (for full bleed)
Requested bleed: 1/8
They print out of Quark
I was told I can send them individual PDFs and they will paginate them (in order and add page numbers)
I created a file in Ai CS5 with 20 artboards (one for each page of the program) Now, the trim marks should be placed at 1 inch because they are trimming 1 inch from the top and 1 inch from the bottom. The bleed should be 1/8 so 0.125 on the 3 "outside" edges. Is this correct?
I primarily do lay-outs, the person responsible for this project bailed last minute so I am a bit stuck. If I am designing it as individual pages what are the exactly dimensions, bleed, and trim marks needed for each page to be set up correctly for the printer to paginate. Should I also add a .5 margin along the edges as a safe zone or is that not necessary because of the bleed?
Let me know if I didn't provide enough information. I appreciate any help I can get. Thanks in advance!
-d

It is often just simpler to build your pages (or spreads) to the actual size of the press sheet.
I'll assume this is a saddle-stitched booklet.
The press sheets will be 12 x 18 inches.
It will be printed, then, as 11 x 17 printer spreads.
That means it will have a half inch (not a whole inch) between the trims and the press sheet edges on all four sides.
There will be three-eights inch between the bleed and the edges.
(This is crowding things a tad; typically one tries to allow at least a half-inch gripper margin.)
Anyway....
1. Setup the document with twenty 9x12 vertical Artboards, with zero spacing, in two columns. Zero Bleed.
(Often, depending on the nature of the content, I would choose to build such a thing as ten 12 x 18 Artboards, with content already arranged as printing spreads, thus eliminating the need for stripping. But in the following, you'll go ahead and make 20 separate Artboards, abutted in pairs, and treat these as two-page reader spreads, to make layout easy, and to accommodate artwork that may jump the gutter.)
2. Turn on Show Grid. Turn on Snap To Grid.
Rectangle Tool: Click the page. In the dialog, specify a 17 x 11 rectangle. This corresponds to your trim.
Rectangle Tool: Click the page. In the dialog, specify a 17.25 x 11.25 rectangle. This corresponds to your bleed.
Center align the two rectangles to each other, both horizontally and vertically.
3. Zoom in. White Pointer: Snap the upper left corner of the rectangles to the grid at .375 H and .375 V of the top left Artboard.
4. Convert the two rectangles to Guides. (View>Guides>Make)
5. Line Tool: Snapping to the grid, draw your own trim marks at each corner, outboard of the trim. Use .25 pt. stroke weight. Registration color.
6. Unlock Guides. (turn off View>Guides>Lock)
7. Black Pointer: Marquee select around all the trim marks and the two rectangluar Guides.
DoubleClick the Black Pointer. In the resulting Move dialog, enter a vertical movement of 12" and click copy.
Transform Again (Ctrl D) 8 times.
Now you have a set of trim guides, bleed guides, and trim marks on all 10 two-page reader spreads.
8. Create the content as if the pairs of Artboards are facing pages of reader spreads. The top pair are the front and back. The other pairs are sequentially-numbered reading speads. Set up this way, your artwork can jump the gutter when desired. You can put other printer's marks (sep names, etc.) in the bleed area if needed.
9. Save A Copy to PDF with Use Artboards checked. The resulting PDF will contain 9x12 vertical pages. Viewed as spreads in Acrobat, you can see that the pages align.
10. But when they are printed, they will be stripped into two-page printing spreads, ordered like so:
JET

Need help on moving a drew oval

hey guys,
I'm trying to build a small maze game. The game has 3 by 3 grid (squares) and four buttons (direction). This is what i've done so far, there's more to it but i'm stuck in half way. I've drew an oval at the bottom left corner (the starting psoition) and the goal is to reach at top right corner. So far i've not yet defined which square is wall and which is open. I smply wants to move the oval to new x, y position when the user click on specific direction button (south, north, east, west) but i really don't know how to do it. Please please help me! Thankyou so much =] Here is the code what i've so far:
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class MyMazeGame implements ActionListener {
    JButton south, east, west, north;
    JPanel main, maze, dir;
    JFrame sFrame;
    JLabel dirL;
    final int MAZE_X = 100, MAZE_Y = 150, MAZE_WIDTH = 80, MAZE_HEIGHT = 80, MIN_X = 120, MAX_X = 282, MIN_Y = 168, MAX_Y = 330, OVAL_WIDTH = 25, OVAL_HEIGHT = 25;
    int newX = 0, newY = 0, moveX = MIN_X, moveY = MAX_Y;
    Graphics g;
    public MyMazeGame() {
        //Create and set up the different windows(Frames).
        sFrame = new JFrame("My Maze Game");
        sFrame.setSize(new Dimension(70, 20));
        //Create and set up the panel.
         * draw the grid on the panel
        main = new JPanel() {
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                g.setColor(Color.white);
                for (int r = 0; r < 3; r++) {
                    for (int c = 0; c < 3; c++) {
                        g.fillRect(MAZE_X + newX, MAZE_Y + newY, MAZE_WIDTH, MAZE_HEIGHT);
                        newX += 81;
                    newY += 81;
                    newX = 0;
                g.setColor(Color.black);
                g.setFont(new Font("Serif", Font.BOLD, 20));
                g.drawString("START", 105, 380);
                g.setColor(Color.red);
                g.setFont(new Font("Serif", Font.BOLD, 20));
                g.drawString("FINISH", 270, 175);
                drawNewMove (g, moveX, moveY, OVAL_WIDTH, OVAL_HEIGHT);
        dir = new JPanel();
        main.setPreferredSize(new Dimension(500, 500));
        main.setBackground(Color.black);
        //Add the extra component
        addComponents();
        //Add the panel to the window(Frames).
        sFrame.getContentPane().add(main, BorderLayout.WEST);
        //Display the windows.
        sFrame.pack();
        sFrame.setVisible(true);
    } // end
     * run the program
    public static void main(String args[]) {
        new MyMazeGame();
     * add the extra components (buttons, labels etc.) on the panel
    public void addComponents() {
        south = new JButton ("SOUTH");
        north = new JButton ("NORTH");
        east = new JButton ("EAST");
        west = new JButton ("WEST");
        dirL = new JLabel("Choose your direction", JLabel.LEFT);
        main.setBorder(BorderFactory.createLineBorder (Color.white, 5));
        south.addActionListener(this);
        north.addActionListener(this);
        east.addActionListener(this);
        west.addActionListener(this);
        dirL.setBackground(Color.black);
        dirL.setForeground(Color.white);
        dirL.setFont(new Font("Serif", Font.BOLD, 15));
        main.add(dirL);
        main.add(south);
        main.add(north);
        main.add(east);
        main.add(west);
     * perform all the action here
     * This method prints out the current x, y location and new x and y location when a button is clicked
    public void actionPerformed(ActionEvent event) {
        System.out.println("Current y location: " + moveY);
        System.out.println("Current x location: " + moveX);
        if (event.getSource() == south && moveY < MAX_Y) {
            moveY += 81;
            System.out.println("Moved down: " + moveY);
        } else if (moveY > MIN_Y && event.getSource() == north) {
            moveY -= 81;
            System.out.println("Moved up: " + moveY);
        } else if (moveX < MAX_X && event.getSource() == east) {
            moveX += 81;
            System.out.println("Moved right: " + moveX);
        } else if (moveX > MIN_X && event.getSource() == west) {
            moveX -= 81;
            System.out.println("Moved left: " + moveX);
        } else
            System.out.println("Invalid move, can't go out of the grid");
     * draw the oval
    public void drawNewMove (Graphics g, int x, int y, int w, int h) {
        g.setColor(Color.black);
        g.fillOval(x, y, w, h);
}Please someone guide me, thanks a tons.

crosspost
http://forum.java.sun.com/thread.jspa?threadID=719728

Illustrator CS4 Link palette not listing embedded filenames

According to online Help, the Links palette should list names and paths of both embedded and linked files. However, I'm not seeing any embedded filenames or paths:
WinXP Intel Core Duo 3 GHz 3 GB RAM.
I saw a thread about this for a CS3 user, but didn't see any resolution to the problem.

I do not see this as a problem at all. If you embed a psd or tif (formats which support layers) and choose the "convert layers to objects" option and if your image can't be represented as one single embedded image, then it will break into two or more parts in the Links panel. Even if you choose the "flatten layers to a single image" option it might break your image into two or more parts. Depends entirely on your original image. If your image can be represented as one single embedded image, you will not encounter this behavior. You do not see this in your jpg images because jpgs do not support layers, afaik - it is a flat file format.
Nothing has changed in Illustrator CS5 in this aspect. So I don't see how upgrading to CS5 will make a difference. But if you really want to experience the wonderful feature set of CS5 like Beautiful Strokes, Bristle Brush, Perspective Grid, Drawing enhancements, Clean sharp graphics for Web, and a host of other splendid features, then you must surely upgrade.

I5Grid is not rendering

I created i5Grid, but it is not rendering.
It suppose to show LotID, MaterialName, HoldStatus, QuarantineStatus, StartDate, EndDate/

SAPUI5 Runtime 1.20.3
Here is my code - only - the i5 Chart is displaying - the i5 Grid is showing blank.
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Your Title Here</TITLE>
<META http-equiv="X-UA-Compatible" content="IE=edge">
<META http-equiv='cache-control' content='no-cache'>
<META http-equiv='expires' content='0'>
<META http-equiv='pragma' content='no-cache'>
<SCRIPT type="text/javascript" src="/XMII/JavaScript/bootstrap.js" data-libs="i5Chart,i5Grid"> </SCRIPT>
<SCRIPT>
var i5Chart1 = new com.sap.xmii.chart.hchart.i5Chart("Projects Status/Chart/Projects Status", "Projects Status/WebServices/Projects_Status");
i5Chart1.setChartWidth("640px");
i5Chart1.setChartHeight("250px");
i5Chart1.draw("1");
</SCRIPT>
<SCRIPT>
var Grid = new com.sap.xmii.grid.init.i5Grid("Projects Status/Chart/Projects_Status_i5Grid", "Projects Status/WebServices/Projects_Status");
Grid.setGridWidth("640px");
Grid.setGridHeight("400px");
Grid.draw("div1");
</SCRIPT>
</HEAD>
<BODY>
<DIV id="1"></DIV>
<DIV id="div1"/>
</BODY>
</HTML>

SAP UI5 Chart using SAP MII Query template

Hi All, I am new to SAP UI5. I am trying to create SAP UI5 chart using SAP MII Query template. could anyone please tell me how to pass the Query Template as input to the SAPUI5 Chart? If possible please share sample code for doing so Regards Praveen Reddy

Hi,
If you want to embed UI5 objects in an IRPT here is a very simple code snippet:
<HTML>
<HEAD>
<TITLE>TestUI5</TITLE>
<SCRIPT type="text/javascript" src="/XMII/JavaScript/bootstrap.js" data-libs="i5Chart,i5Grid,i5SPCChart"></SCRIPT>
<SCRIPT>
var Grid = new com.sap.xmii.grid.init.i5Grid(SpecifyDisplayTemplateHere, SpecifyQueryTemplateHere);
Grid.setGridWidth("640px");
Grid.setGridHeight("400px");
Grid.draw("div1");
</SCRIPT>
</HEAD>
<BOD
<DIV id="div1"/>
</BODY>
</HTML>

Orthogonal Grid Drawing

Similar Messages

Maybe you are looking for