DA button styles

Hi, not of great importance but is it possible to change button styles created by DA? Depending on the page it creates I have noticed the buttons are coded differently, for example the update button on details & update pages are different?

Presently on the update page it created this button:

<input type="image" name="Update" id="Update" value="Update" alt="Update" src="WA_DataAssist/images/Slate/Traditional_update.gif"  />

On the details page update button is:

<a href="tblcontacts_Update.php?ContactID=<?php echo(rawurlencode($row_WADAtblcontacts['ContactID'])); ?>" title="Update"><img border="0" name="Update" id="Update" alt="Update" src="WA_DataAssist/images/Slate/Traditional_update.gif" /></a>

I managed to change the latter to my style using this:

<a href="tblcontacts_Update.php?ContactID=<?php echo(rawurlencode($row_WADAtblcontacts['ContactID'])); ?>" title="Update" class="btnIconLeft mr10"><a href="tblcontacts_Update.php?ContactID=<?php echo(rawurlencode($row_WADAtblcontacts['ContactID'])); ?>" title="Update" class="btnIconLeft mr10"><img src="images/icons/dark/pencil.png" alt="" class="icon" /><span>Update</span></a>

Can I change the update page update button conform with my other styled buttons?

Thanks

to understand this a little better lets break down the different types of buttons, why they are used, and how they change.

the button on the details page is an href link to the update page that is wrapped around an image tag, this is used to link to the update page and pass the ID of the record to update:

the anchor:

<a href="tblcontacts_Update.php?ContactID=<?php echo(rawurlencode($row_WADAtblcontacts['ContactID'])); ?>" title="Update">

the image:

<img border="0" name="Update" id="Update" alt="Update"  src="WA_DataAssist/images/Slate/Traditional_update.gif" />

close the anchor:

</a>

your change was to edit the src attribute of the image tag to point to your image. you changed:

src="WA_DataAssist/images/Slate/Traditional_update.gif"

to:

src="images/icons/dark/pencil.png"

On the update page, the button is part of form, the buttons job is to tell the form to send the information to the browser. A link cant be used for this, so a form element is needed.

There are two types of form elements that can be used to submit a form:
1) A button element using the type="submit" attribute
2) An Image element using the type="image" attribute


While setting up the data assist wizard, One of the settings on the second step allows you to choose wether to use a Button or Image element type on the page.

In your case, it is an image element using <input type="image"....

<input type="image" name="Update" id="Update" value="Update" alt="Update"  src="WA_DataAssist/images/Slate/Traditional_update.gif"  />

just like an image tag, an image form element type has the src attribute:

src="WA_DataAssist/images/Slate/Traditional_update.gif"

that tells it what image to load. you can change that src attribute to point to your own images to change the look of the buttons.


Extra info:
If the button where a submit element type, you would need to use CSS to change it's appearance. A submit button type does not allow for an image to be used, except as a background.

see the following road map tutorial for details on styling form elements with css:
roadmap_03.php