Graphics, Figures & Tables ⇒ Help With Chains

[jorsborn]

I am trying to construct a diagram which represents a virtual menu. The menu can be several levels deep. I've got the main menu (chain trunk) laid out just fine but I want to illustrate a sub menu now (branch testbranch). The PGF/TikZ document seems pretty straightforward in regards to this but I don't get the desired result. Instead of branching off to the right and then downwards (parallel to the main menu) my child entries show up in line with the main menu. If it helps, a look at the log file shows the following errors:

Missing character: There is no [ in font nullfont!
Missing character: There is no s in font nullfont!
Missing character: There is no t in font nullfont!
Missing character: There is no a in font nullfont!
Missing character: There is no r in font nullfont!
Missing character: There is no t in font nullfont!
Missing character: There is no b in font nullfont!
Missing character: There is no r in font nullfont!
Missing character: There is no a in font nullfont!
Missing character: There is no n in font nullfont!
Missing character: There is no c in font nullfont!
Missing character: There is no h in font nullfont!
Missing character: There is no = in font nullfont!
Missing character: There is no t in font nullfont!
Missing character: There is no e in font nullfont!
Missing character: There is no s in font nullfont!
Missing character: There is no t in font nullfont!
Missing character: There is no b in font nullfont!
Missing character: There is no r in font nullfont!
Missing character: There is no a in font nullfont!
Missing character: There is no n in font nullfont!
Missing character: There is no c in font nullfont!
Missing character: There is no h in font nullfont!
Missing character: There is no g in font nullfont!
Missing character: There is no o in font nullfont!
Missing character: There is no i in font nullfont!
Missing character: There is no n in font nullfont!
Missing character: There is no g in font nullfont!
Missing character: There is no r in font nullfont!
Missing character: There is no i in font nullfont!
Missing character: There is no g in font nullfont!
Missing character: There is no h in font nullfont!
Missing character: There is no t in font nullfont!
Missing character: There is no ] in font nullfont!

Code: Select all

Code, edit and compile here:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
\documentclass{minimal}
\usepackage{tikz}
\usetikzlibrary{calc,trees,positioning,arrows,chains,shapes.geometric,%
    decorations.pathreplacing,decorations.pathmorphing,shapes,%
    matrix,shapes.symbols,shadows}
\usepackage{comment}
\tikzset{
>=stealth',
  every join/.style={<->, thick,shorten >=1pt},
  decoration={brace},
  tuborg/.style={decorate},
  tubnode/.style={midway, right=2pt},
}
\tikzstyle{shadedbox} =  [
    rectangle, 
    rounded corners, 
    top color=white,bottom color=black!30,
    draw=black, very thick,
    text width=10em, 
    minimum height=3em, 
    text centered, 
    on chain,
]
\tikzstyle{line} = [
    draw, -latex'
]
\begin{document}
\begin{tikzpicture}
  [node distance=.6cm and 1cm,
  start chain=trunk going below,]
    \node[shadedbox,join,on chain=trunk] (deviceserver) {Device Server};
    \node[shadedbox, join,on chain=trunk] (tests) {System Tests};
    { [start branch=testbranch going right]
      \node[shadedbox,join,on chain=going below](c1){Test Child};
      \node[shadedbox,join,on chain=going below](c2){Test Child};
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Run LaTeX here

My second issue is that I want the main menu to continue in line but spaced down from the last child node by node distance. So, the main menu would traverse down, the child would go right (then downward),the main menu would then continue but there would be a large space in between the next main menu node and the last (which diverts to the child node) I would imagine that I could override the default node distance specified when I started the chain by simply adding node distance=$\tikzchainprevious+.6cm$. I can't really test this as the above doesn't render the child nodes correctly. However, hardcoding a large node distance in on a particular node doesn't seem to have any effect.

Thoughts?

[gmedina]

Hi,

the code you posted compiles with no errors on my system. If I understood your question correctly, then all you have to do is to use a scope environment for branching the main chain; something like this:

Code: Select all

Code, edit and compile here:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{calc,trees,positioning,arrows,chains,shapes.geometric,%
    decorations.pathreplacing,decorations.pathmorphing,shapes,%
    matrix,shapes.symbols,shadows}
\usepackage{comment}
\tikzset{
>=stealth',
  every join/.style={<->, thick,shorten >=1pt},
  decoration={brace},
  tuborg/.style={decorate},
  tubnode/.style={midway, right=2pt},
}
\tikzstyle{shadedbox} =  [
    rectangle, 
    rounded corners, 
    top color=white,bottom color=black!30,
    draw=black, very thick,
    text width=10em, 
    minimum height=3em, 
    text centered, 
    on chain,
]
\tikzstyle{line} = [
    draw, -latex'
]
\begin{document}
\begin{tikzpicture}
  [node distance=.6cm and 1cm,
  start chain=trunk going below,]
    \node[shadedbox,join,on chain=trunk] (deviceserver) {Device Server};
    \node[shadedbox, join,on chain=trunk] (tests) {System Tests};
    \begin{scope} [start branch=testbranch going right]
      \node[shadedbox,join,on chain=going right](c1){Test Child};
      \node[shadedbox,join,on chain=going below](c2){Test Child};
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Run LaTeX here

Here's the resulting chain:

chain.png (18.06 KiB) Viewed 7793 times

[jorsborn]

Perfect, that worked and the errors in my log file have disappeared. Any idea why the manual doesn't state this? I was pretty much following the branch example on page 289 of the manual http://www.ctan.org/tex-archive/graphic ... manual.pdf. They make no mention of the scope environment in the example.

I still have the second issue. How do I override the node distance specified in start chain. Take the following example:

Code: Select all

Code, edit and compile here:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{calc,trees,positioning,arrows,chains,shapes.geometric,%
    decorations.pathreplacing,decorations.pathmorphing,shapes,%
    matrix,shapes.symbols,shadows}
\usepackage{comment}
\tikzset{
>=stealth',
  every join/.style={<->, thick,shorten >=1pt},
  decoration={brace},
  tuborg/.style={decorate},
  tubnode/.style={midway, right=2pt},
}
\tikzstyle{shadedbox} =  [
    rectangle, 
    rounded corners, 
    top color=white,bottom color=black!30,
    draw=black, very thick,
    text width=10em, 
    minimum height=3em, 
    text centered, 
    on chain,
]
\tikzstyle{line} = [
    draw, -latex'
]
\begin{document}
\begin{tikzpicture}
  [node distance=.6cm and 1cm,
  start chain=trunk going below,]
    \node[shadedbox,join,on chain=trunk] (deviceserver) {Device Server};
    \node[shadedbox, join,on chain=trunk] (tests) {System Tests};
    \begin{scope} [start branch=testbranch going right]
      \node[shadedbox,join,on chain](c1){Test Child};
      \node[shadedbox,join,on chain=going below](c2){Test Child};
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Run LaTeX here

In the output I want the 'System Status' menu to start .6cm below the 'Final Test Child' element. The result would be a large gap between 'System Status' and 'System Tests'. It seems like I could simply change to...

Code: Select all

1
\node[shadedbox, join, on chain=trunk] (status) at ($(cb.south)+(0,.6cm)$) {System Status};
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

... but that places it below 'Final Test Child'. Is there a way to use just the y coordinate of cb.south?

[gmedina]

Perfect, that worked and the errors in my log file have disappeared. Any idea why the manual doesn't state this? I was pretty much following the branch example on page 289 of the manual http://www.ctan.org/tex-archive/graphic ... manual.pdf. They make no mention of the scope environment in the example.

The first example on branching chains (see Section 5.4.2 Branching and Joining a Chain) mentions the use of the scope environment. I will take a look at the example on page 289 (in which scope is not used anymore and it's not even mentioned) and let you know what I found. Note: (I,ve found the answer; see Edit below).

I still have the second issue. How do I override the node distance specified in start chain...but that yields coordinate errors. Any thoughts on how I could achieve this?

You can use the yshift option (with a suitable value) for the "System Status" node:

Code: Select all

1
    \node[shadedbox, join, on chain=trunk,yshift=-3.2cm] (status) {System Status};
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Edit: in the example on page 289 the scope shorthand is used and that requires the scopes library which you didn't load. Your original code would be something like tis (using the scope shorthand instead of the scope environment):

Code: Select all

Code, edit and compile here:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
\documentclass{minimal}
\usepackage{tikz}
\usetikzlibrary{calc,trees,positioning,arrows,chains,shapes.geometric,%
    decorations.pathreplacing,decorations.pathmorphing,shapes,%
    matrix,shapes.symbols,shadows,scopes}
\usepackage{comment}
\tikzset{
>=stealth',
  every join/.style={<->, thick,shorten >=1pt},
  decoration={brace},
  tuborg/.style={decorate},
  tubnode/.style={midway, right=2pt},
}
\tikzstyle{shadedbox} =  [
    rectangle, 
    rounded corners, 
    top color=white,bottom color=black!30,
    draw=black, very thick,
    text width=10em, 
    minimum height=3em, 
    text centered, 
    on chain,
]
\tikzstyle{line} = [
    draw, -latex'
]
\begin{document}
\begin{tikzpicture}
  [node distance=.6cm and 1cm,
  start chain=trunk going below,]
    \node[shadedbox,join,on chain=trunk] (deviceserver) {Device Server};
    \node[shadedbox, join,on chain=trunk] (tests) {System Tests};
    { [start branch=testbranch going right]
      \node[shadedbox,join,on chain=going right](c1){Test Child};
      \node[shadedbox,join,on chain=going below](c2){Test Child};
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Run LaTeX here

[jorsborn]

Thank you!

The yshift transformation works but it has one drawback. I eventually want to script this so that this 'menu map' is created automatically. Given the child depth will vary for each menu item the y-shift value would be different for all of them. Is there anyway to calculate the y-shift value relative to the the cb node?

[gmedina]

Thank you!
Is there anyway to calculate the y-shift value relative to the the cb node?

Of course, you can extract the Y coordinates of the involved nodes and then subtract them to calculate the value for yshift; here's an example using your code:

Code: Select all

Code, edit and compile here:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{calc,trees,positioning,arrows,chains,shapes.geometric,%
    decorations.pathreplacing,decorations.pathmorphing,shapes,%
    matrix,shapes.symbols,shadows}
\usepackage{comment}
\tikzset{
>=stealth',
  every join/.style={<->, thick,shorten >=1pt},
  decoration={brace},
  tuborg/.style={decorate},
  tubnode/.style={midway, right=2pt},
}
\tikzstyle{shadedbox} =  [
    rectangle, 
    rounded corners, 
    top color=white,bottom color=black!30,
    draw=black, very thick,
    text width=10em, 
    minimum height=3em, 
    text centered, 
    on chain,
]
\tikzstyle{line} = [
    draw, -latex'
]
% length used to calculate the Y shift
\newlength\YCoordOne
\newlength\YCoordTwo
\newlength\YShift
\begin{document}
\begin{tikzpicture}
  [node distance=.6cm and 1cm,
  start chain=trunk going below,]
    \node[shadedbox,join,on chain=trunk] (deviceserver) {Device Server};
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Run LaTeX here

[jorsborn]

Works like a champ! Thank you so much for helping me out!

[jorsborn]

I'm back!

This problem is still somewhat related so I thought I'd continue it in this post. I am now trying to wrap this into environments and commands. I am almost there but the newlength calcs are giving me issues. I can't seem to get the correct math and it appears the problem might be related to the scope of newlength definitions.

Take a look below. I create a few newlength vars in the menu environment. In each mainmenuitem I store the southern coordinate of the node so I always have the last main menu coordinate available. In each submenuitem I store the southern coordinate of the node so I always have the last child coordinate available as well. In each mainmenuitem I have a test for the need to shift, and if I do need to shift I take the difference in my stored coordinates and calculate a shift value which I apply. Two things...

1) The math is not correct. I am suspecting there is a scope issue. I am setting the coordinate in one environment and using it in another. Does that matter?

2) For debug purposes I have printed out the y coordinate in each of the child nodes. For the two child nodes at the same level, why are the y coordinates different?

Code: Select all

Code, edit and compile here:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{calc,trees,positioning,arrows,chains,shapes.geometric,%
    decorations.pathreplacing,decorations.pathmorphing,shapes,%
    matrix,shapes.symbols,shadows}
\usepackage{comment}
\usepackage{ifthen}
\tikzset{
>=stealth',
  every join/.style={<->, thick,shorten >=1pt},
  decoration={brace},
  tuborg/.style={decorate},
  tubnode/.style={midway, right=2pt},
}
\tikzstyle{genericbox} =  [
    rectangle, 
    rounded corners, 
    top color=white,bottom color=black!30,
    draw=black, very thick,
    text width=3cm, 
    minimum height=1cm, 
    text centered, 
]
\tikzstyle{targetbox} =  [
    rectangle, 
    rounded corners, 
    top color=white,bottom color=red!30!black!30,
    draw=black, very thick,
    text width=2cm, 
    minimum height=1cm, 
    text centered, 
]
\tikzstyle{continuationboxtop} =  [
    rectangle, 
    rounded corners, 
    top color=white,bottom color=black!30,
    draw=black, very thick,
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Run LaTeX here