logo
Shopping Cart
No products selected.
Extensions for Dreamweaver

DW Extensions

Free Tools

Another Resources

Product Info


Demo / Video / Faq


Instant Download

Price: $9.99



Preferred payment method:
Pay with Paypal or Credit Cards

Paypal: You will return from Paypal to a direct download page. A copy of your personal donwload link will be sent to the email address used for payment.

Be sure to check also your spam/bulk mail folder.

Light Edit







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.

FEATURES

  • The Light Edit's visual aspect is simple and sleek
  • Can be used replacing the Text Fields in a web page by a more semantic and aesthetic control
  • Has been developed as a Dreamweaver extension, that fact simplifies insertion and does not require any further web programming knowledge for its use.
  • The element is functional inclusive with the Javascript disable in the browser

REQUIREMENTS

The only requirement is to have Adobe Dreamweaver MX 2004 or later version (including Dreamweaver CS4, CS5, CS6, CC ...).

INSTALLATION

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 "menu Insert > Mobile Elements > Insert Light Edit"(fig.1) or through the insertion bar "Mobile Elements > Light Edit Insert"(fig.2)

Menu Options
Fig.1 Menu options

Insertbar Options
Fig.2 Insert bar options

Use

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 "Insert Light Edit", either via the Insertion Bar or via the menu. Light Edit displays a setup window described below.

Interface

Setup Window

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 Ctrl + Letter, and in Macintosh, Alt + Letter, when we are in a browser.

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.

Properties Inspector
Fig. Properties Inspector

Instant Download

Preferred payment method:
Pay with Paypal or Credit Cards

$9.99

Paypal: You will return from Paypal to a direct download page. A copy of your personal donwload link will be sent to the email address used for payment.

Be sure to check also your spam/bulk mail folder.