0 Replies Latest reply on Feb 11, 2017 5:54 PM by benjamin Philipp

    Can't see checkboxes in HTML Extension

    benjamin Philipp Level 1

      Today I wanted to start writing an extension (for PhotoShop).

      There is no subforum called "Extension development", so I'll ask my question here, I guess. If you know a better place to put it, please advise.


      The HTML implementation is a breeze, and it's really convenient to work with.

      H1, DIVs, BUTTONs, etc seem to work just fine.

      However, I can't get my Checkbox (Element type INPUT, attribute TYPE="checkbox") to show up.

      Everything else is fine, but it looks like the element is just not there.

      I've tried wrapping it inside a FORM, I blindly tried creating a CHECKBOX element (maybe this is where the extension framework differs from HTML?) - but of course without luck.


      I couldn't find anything about "Adobe Extensions Elements list" or anything :/


      How do I display a checkbox?
      And, more importantly, where can I find decent documentation about this kind of thing??


      Thank you, everybody, for taking interest and your time



      <!doctype html>
      <meta charset="utf-8">
      <link rel="stylesheet" href="css/topcoat-desktop-dark.min.css"/>
      <link  id="hostStyle" rel="stylesheet" href="css/styles.css"/>




      <body class="hostElt">
          <div id="content">       
              <h1>Wood Textuures</h1>
              <div id="optionspanel">
                  <input type="checkbox" class="topcoat-checkbox" name="knotholes" value="knotholes" checked="checked" />Knot holes
                  <div id="colors">
                      <div class="colorPanel">
                          <button class="topcoat-button removeColorPanel">Remove</button>
                  <button id="btn_renderNSO" class="topcoat-button--large hostFontSize">Render to new Smart Object</button>               
                  <button id="btn_test" class="topcoat-button--large hostFontSize">Render to selected Smart Object</button>               
          <script src="js/libs/CSInterface.js"></script>
          <script src="js/libs/jquery-2.0.2.min.js"></script>


          <script src="js/themeManager.js"></script>
          <script src="js/main.js"></script>







      Message was edited by: Benjamin Philipp Whoops, accidentally deleted result picture. Replaced image link