Text Fields are used for a variety of data types such as entry of e-mails, phones, etc. Which is why sometimes it becomes important to have some kinf of explanatory text to clarify for the user the meaning of each text field. In its gadgets such as iPhone, Apple has been faithful to the adage that a picture is worth a thousand words, and created text fields that allow to understand at a glance what each of them is meant for. To provide equal ease to all web developers and web enthusiasts, we have developed Light Edit, a text field that can represent a common text field or a field that can be used for entry of a telephone number, email address, or simply to filter search.
Light Edit has been developed as an extension for Adobe Dreamweaver, which facilitates its insertion into website. Its use is simple and intuitive.
The only requirement is to have Adobe Dreamweaver MX 2004 or later version (including Dreamweaver CS4, CS5, CS6, CC ...).
To install Light Edit you will need the Adobe Extension Manager, distributed with Dreamweaver. Run "Install" in the Adobe Extension Manager and enter the path to the downloaded .mxp file.
Once installed, the extension can be accessed through the
Fig.1 Menu options
Fig.2 Insert bar options
To use Light Edit, open in Dreamweaver the desired web page, place the cursor where you want to insert Light Edit and then click on
ID: Enter the ID of the element, this must be unique within the website.
Type: Select the text field type to be inserted.
Access key: Enter a letter that will allow direct access to the button. In Windows it is done by pressing
Tab index: Enter a number for the tab order.
Remember that at the end, both the website and the folder structure created by the extension should be updated on your web server.
Once inserted an Light Edit on the website, if you want to alter the type of editor to use, select the <SPAN> tag within the class "iphone-edit-mark" which contains the text fields you want to change and modify the type of editor in the Property inspector.
Fig. Properties Inspector