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:
Image may be NSFW.
Clik here to view.
Message was edited by: Benjamin Philipp Whoops, accidentally deleted result picture. Replaced image link