Preview Panel Configuration

The preview panel configuration file configures the Preview Tools panel on the right side of Studio. To modify the preview panel configuration, click on siteConfig from the bottom of the Sidebar, then click on Configuration and select Preview Panel Configuration from the dropdown list.

Configurations - Open Preview Panel Configuration

Sample

CRAFTER_HOME/data/repos/sites/SITENAME/sandbox/config/studio/preview-tools/panel.xml
 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<?xml version="1.0" encoding="UTF-8"?>
<!--
  This file configures the Preview Tools right panel. The structure of this file follows:

  <panel>
    <modules>
      <module>
        <moduleName />
        <title />
        <config>
          (module specific configuration)
        </config>
      </module>
    </modules>
  </panel>

  For the module: Medium Panel (aka Publishing Channel), the configuration follows:
  <channels>
    <channel>      (target device)
      <title />
      <value />  (this is the browser's UserAgent)
      <width />  (width in pixels)
      <height /> (height in pixels)
    </channel>
  </channels>
-->
<panel>
  <modules>
    <module>
      <moduleName>ice-tools-panel</moduleName>
      <title>inContextEditing</title>
    </module>

    <module>
      <moduleName>component-panel</moduleName>
      <title>pageComponents</title>
    </module>

    <module>
      <moduleName>medium-panel</moduleName>
      <title>publishingChannel</title>
      <config>
        <channels>
          <channel>
            <title>desktop</title>
            <value>browser</value>
            <width></width>
            <height></height>
          </channel>
          <channel>
            <title>smartPhone</title>
            <value>iphone</value>
            <width>375</width>
            <height>667</height>
          </channel>
          <channel>
             <title>tablet</title>
             <value>ipad</value>
             <width>768</width>
             <height>1024</height>
           </channel>
         </channels>
       </config>
    </module>
  </modules>
</panel>