Skip to main content
A Prema Pradeep
Participant
May 24, 2019
Question

I am unable to bring UI design in the Illustrator Extensions

  • May 24, 2019
  • 1 reply
  • 363 views

Hi,

I am created illustrator extensions and copied the respective path"‎⁨Macintosh HD⁩ ▸ ⁨Library⁩ ▸ ⁨Application Support⁩ ▸ ⁨Adobe⁩ ▸ ⁨CEP⁩ ▸ ⁨extensions⁩". But it is displaying the blank menu. Here with i have attached the screenshot and coding. Please check my coding and help me.

manifest.xml

<?xml version="1.0" encoding="UTF-8"?>

<ExtensionManifest Version="6.0" ExtensionBundleId="com.example.DesignArtwork"

ExtensionBundleVersion="2.6.0.113" ExtensionBundleName="Design Artwork"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">

<ExtensionList>

<Extension Id="com.example.DesignArtwork"

Version="2.6.0.113" />

</ExtensionList>

<ExecutionEnvironment>

<HostList>

<Host Name="ILST" Version="[23.0,99.9]" />

</HostList>

<LocaleList>

<Locale Code="All" />

</LocaleList>

<RequiredRuntimeList>

<RequiredRuntime Name="CSXS" Version="6.0" />

</RequiredRuntimeList>

</ExecutionEnvironment>

<DispatchInfoList>

<Extension Id="com.example.DesignArtwork">

<DispatchInfo>

          <Resources>

               <MainPath>./index.html</MainPath>

               <ScriptPath>./design.jsx</ScriptPath>

          </Resources>

          <Lifecycle>

               <AutoVisible>true</AutoVisible>

          </Lifecycle>

          <UI>

               <Type>Panel</Type>

               <Menu>DesignArtwork</Menu>

               <Geometry>

                    <Size>

                              <Height>400</Height>

                              <Width>220</Width>

                    </Size>

                    <MaxSize>

                              <Height>600</Height>

                              <Width>400</Width>

                    </MaxSize>

                    <MinSize>

                              <Height>380</Height>

                              <Width>220</Width>

                    </MinSize>

               </Geometry>

         </UI>

</DispatchInfo>

</Extension>

</DispatchInfoList>

</ExtensionManifest>

index.html

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <script src="./ext.js"></script>

    <script src="./lib/CSInterface-6.0.0.js"></script>

<script src="./lib/jquery-2.1.4.js"></script>

    <script src="./lib/shortcut.js"></script>

<script type="text/javascript">

window.oncontextmenu = function () { return false; }

    </script>

    <link id="Link1" rel="stylesheet" type="text/css" href="./css/newButtonStyles.css">

    <link id="ppstyle" rel="stylesheet" type="text/css" href="./css/style.css">

    <link id="ppstyle" rel="stylesheet" type="text/css" href="./css/them.css">

    <title>DesignArtwork</title>

</head>

<body onload="onLoaded()">

    <div id="content" unselectable="on">

        <ul>

           <li>

                <button class="myButton" id="btn_PR"

                    onclick="onClickButton('PR')">

                    Mergetext</button></li>

            <li>

                <button class="myButton" id="btn_FIT"

                    onclick="onClickButton('FIT')">

                    Overprint black</button></li>

          </ul>

    </div>

</body>

</html>

design.jsx

if(typeof($)=='undefined')

$={};

$._ext = {

    //Evaluate a file and catch the exception.

    evalFile : function(path) {

        try {

            $.evalFile(path);

        } catch (e) {alert("Exception:" + e);}

    },

    // Evaluate all the files in the given folder

    evalFiles: function(jsxFolderPath) {

        var folder = new Folder(jsxFolderPath);

        if (folder.exists) {

            var jsxFiles = folder.getFiles("*.jsx");

            for (var i = 0; i < jsxFiles.length; i++) {

                var jsxFile = jsxFiles;

                $._ext.evalFile(jsxFile);

            }

        }

    }

};

This post moved from Illustrator to Extensions / Add-ons Development. [Moderator]

This topic has been closed for replies.

1 reply

Ten A
Community Expert
Community Expert
May 24, 2019

Have you already setup PlayerDebugMode?

If not, You can refer below:

CEP-Resources/CEP 9.0 HTML Extension Cookbook.md at master · Adobe-CEP/CEP-Resources · GitHub