Widget.html

<div>
    <div data-dojo-attach-point="addLocalDataWidget">
        <div data-dojo-attach-point="addDataTab">
            <p class="separator">${config.description}</p>

            <table class="dataTypeTable" cellspacing="0">
                <tbody>
                    <tr>
                        <td class="first"><label data-dojo-attach-point="dataTypeLabel">${nls.dataType}:</label></td>
                        <td class="second"><select id="dataTypeSelect" data-dojo-attach-point="dataTypeSelect" data-dojo-type="dijit/form/Select"></select></td>
                    </tr>
                </tbody>
            </table>
            <table id="csvTable" class="csvTable" cellspacing="0">
                <tbody>
                    <tr id="geometryType">
                        <td class="first"><label data-dojo-attach-point="geometryLabel">${nls.geometryType}:</label></td>
                        <td class="second"><select id="geometryTypeSelect" data-dojo-attach-point="geometryTypeSelect" data-dojo-type="dijit/form/Select"></select></td>
                    </tr>
                    <tr id="coordSystem">
                        <td class="first"><label data-dojo-attach-point="coordSystemLabel">${nls.coordinateSystem}:</label></td>
                        <td class="second"><select id="coordSystemSelect" data-dojo-attach-point="coordSystemSelect" data-dojo-type="dijit/form/Select"></select></td>
                    </tr>
                    <tr>
                        <td class="first"><label data-dojo-attach-point="xCoordLabel">${nls.xCoordLabel}:</label></td>
                        <td class="second"><input data-dojo-attach-point="xCoordTextBox" data-dojo-type="dijit/form/ValidationTextBox" required="true" /></td>
                    </tr>
                    <tr>
                        <td class="first"><label data-dojo-attach-point="yCoordLabel">${nls.yCoordLabel}:</label></td>
                        <td class="second"><input data-dojo-attach-point="yCoordTextBox" data-dojo-type="dijit/form/ValidationTextBox" required="true" /></td>
                    </tr>
                    <tr>
                        <td class="first"><label data-dojo-attach-point="labelLabel">${nls.labelLabel}:</label></td>
                        <td class="second"><input data-dojo-attach-point="labelTextBox" data-dojo-type="dijit/form/ValidationTextBox" required="false" /></td>
                    </tr>
                </tbody>
            </table>
            <table id="csvLinePolygonFieldTable" class="csvLinePolygonFieldTable" cellspacing="0">
                <tbody>
                    <tr>
                        <td class="first"><label data-dojo-attach-point="linePolygonLabel">${nls.linePolygonField}:</label></td>
                        <td class="second"><input data-dojo-attach-point="linePolygonFieldTextBox" data-dojo-type="dijit/form/ValidationTextBox" required="true" /></td>
                    </tr>
                </tbody>
            </table>
            <table class="buttonsTable" cellspacing="0">
                <tbody>
                    <tr>
                        <td class="first">
                            <form enctype="multipart/form-data" method="post" id="uploadForm">
                                <label for="inFile" class="jimu-btn">${nls.uploadFile}</label>
                                <input data-dojo-attach-point="inFile" id="inFile" type="file" name="file" />
                            </form>
                        </td>
                        <td class="second">
                            <div data-dojo-attach-point="clearButton" class="jimu-btn">${nls.clear}</div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div data-dojo-attach-point="loading" data-dojo-type="jimu/dijit/LoadingIndicator" data-dojo-props='hidden:true'></div>
        </div>

        <div data-dojo-attach-point="symbologyTab">
            <div data-dojo-attach-point="setSymbology" class="separator">
                <div data-dojo-attach-point="pointSection">
                    <div data-dojo-attach-point="pointSymChooser" data-dojo-type="jimu/dijit/SymbolChooser" data-dojo-props='type:"marker"'></div>
                </div>
                <div data-dojo-attach-point="lineSection">
                    <div data-dojo-attach-point="lineSymChooser" data-dojo-type="jimu/dijit/SymbolChooser" data-dojo-props='type:"line"'></div>
                </div>
                <div data-dojo-attach-point="polygonSection">
                    <div data-dojo-attach-point="fillSymChooser" data-dojo-type="jimu/dijit/SymbolChooser" data-dojo-props='type:"fill"'></div>
                </div>
            </div>
        </div>
    </div>
</div>