|
Form Text Box Formatting.
Posted by: Doug Clegg on 7/31/2010 8:01:51 PM
Jul
31
** UPDATE **
It seems that this problem has been fixed by Google themselves. In the latest release of the toolbar, version 6, the boxes that are compatible with the AutoFill feature do not turn yellow on the page. Instead when you hover over the AutoFill button the fields are temporarily filled in the the information.
April 21, 2009
You have created a nice form for your visitors to fill out and request some information from you, you finish editing your page press the submit button and approve your page. You open the page to see the fruits of your hard work and .. WHAT IS THAT? Ugly yellow boxes destroying your hard work.
This is a common problem when someone is trying to edit forms or the text on a page with a form with mKubed . It is caused by using the Google toolbar and enabling the AutoFill feature. Although this edits the HTML and CSS of your page there is a quick and easy fix for this problem.
Just login to mKubed system and follow these steps: Please note that this help deals with Internet Explorer 7.
- Edit your page with the discolored form in mKubed .
- Click on the "Settings” icon in the toolbar of your browser. Then click the "Options” item from the drop down menu.

- If AutoFill is turned off then turn it on by placing a checkmark in the box to the left of the AutoFill title and click the "Apply” button.

- Click the checkmark to turn off the AutoFill and click the "ok” button to save your settings.
- Submit and approve your page.
If you do not have the Google Toolbar installed then you will have to follow a few more steps below.
- Edit the page with the discolored form and click on one of the text boxes with the yellow background so that the white selection boxes appears around the text box.

- Click on the "Styles & Formatting” icon.

- Select the "Custom CSS” option

- In the pop-up window highlight and delete the text "BACKGROUND-COLOR: #ffffa0”. Press the "ok” button to save and close your changes.
This next part is to remove the "Title” of the text box. The title is the text that shows up in the tooltip when you hover over the text box. It is not necessary to remove for the visual aspect but you may want to just to keep everything clean.
- Click on the text box so that the white selection boxes appear around the box.

- Click the "View/Edit Source” icon to open the html editing window

- There should be a highlighted line of code that is exactly where you want to be. Just delete the text "title="Your Google Toolbar can fill this in for you. Select AutoFill"”. Click "ok” to save your changes and close the window.

- Submit and approve your page.
Please feel free to leave any comments you may or let us know what things you would like to see posted within this section.
Check back often for more tips and tricks.
Posted by: april ashcraft
where do i find google toolbar that comments the browser? |
|