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

       

      Markup:

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

       

      <title></title>
      </head>

       

      <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>
                      </div>
                  </div>
              </div>
              <div>
                  <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>               
              </div> 
             
          </div>
         
          <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>

       

      </body>
      </html>

       

      Result:

      zUjFdiD.png

       

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