How to make div id properties drop down wider?

When working with div's you can assign/create a div ID name to them. These are all remembered throught Dreamweaver so you could apply the same div ID to another div having the CSS properties already created quickly applied to this new div.
My issue is that the Div ID pull down menu in the properties panel is so narrow that it does not display the entire name of previously created divs. Considering several of them begin with similar names, seeing which one to choose is impossible because I cannot see the full name in the drop down list. Is there another place to pick from the list of previously created div ID's or better yet a simple way to resize the width of the div ID name in the properties panel....seems like a oversight unless I'm missing something.
Hope this makes sense and there is a simple solution.
All the best,
James Hooey
http://www.soundprostudios.com

Switch to code view.
Type <div id= or <p class=
DW's code hinting will give you a list of choices. See screenshot.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

UI - How to make Columns in a Drop Down List Selection?

I am altering a code from Peter Kahrel "Beginning Script UI". I am trying to make a searchable drop down list that will have 4 columns. So far, the search works and I have headings in the search, but I cannot seem to make the columns for the actual data. I believe I need to change the type_ahead since the array is looking at this data. I'm stuck in the water. Can someone tell me what I need to do to get the list to show up as columns? How do I turn the picked = type_ahead data into four columns? Code and Screenshot below:
picked = type_ahead (["bat", "bear", "beaver", "bee", "cat", "cats_and_dogs",
"dog", "maggot", "moose", "moth", "mouse"]);
function type_ahead (array)
var w = new Window ("dialog", "Quick select");
var entry = w.add ("edittext", [0, 0, 800, 22]);
entry.active = true;
var list = w.add ("listbox", [0, 0,800, 500], "",
{numberOfColumns: 4, showHeaders: true,
columnTitles: ["Non-Approved Word", "Approved Alternative", "Approved Use", "Non-Approved Use"], columnWidths: [200,200,200,200]});
list.selection = 0;
entry.onChanging = function ()
var temp = this.text;
list.removeAll ();
for (var i = 0; i < array.length; i++)
if (array[i].toLowerCase().indexOf (temp) == 0)
list.add ("item", array[i]);
if (list.items.length > 0)
list.selection = 0;
entry.onChange = function () {w.close (1)}
if (w.show () != 2)
return list.selection.text;
else
w.close ();

Hi Peter,
This is one of those developments that push the limits of my knowledge-base and when things do that, I lose sleep until I figure it out. With that said :-) here is where I have ended up.
Basically I made a new array for the table data. I then use an array lookup to sort the array in the listbox based on the 0 array item. See the code below. Once it is loaded type in "b" and the list will start to sort.
I need to try to get this to work as a pallete instead of a dialog box. Do palletes support this type of functionality?
var newarray = new Array(
new Array('Butterfly ','has wings','can fly'),
new Array('bohemith moth','has wings','cannot fly very good'),
new Array('word 3','replacement word','use case'));
picked = type_ahead (newarray);
function type_ahead (array)
var w = new Window ("dialog", "STE Checker");
var entry = w.add ("edittext", [0, 0, 800, 22]);
entry.active = true;
var list = w.add ("listbox", [0, 0,800, 500], "",
{numberOfColumns: 3, showHeaders: true,
columnTitles: ["Column 1", "Column 2", "Column 3" ], columnWidths: [200,200,400]});
list.selection = 0;
entry.onChanging = function ()
var temp = this.text;
list.removeAll ();
for (var i = 0; i < array.length; i++)
if (array[i][0].toLowerCase().indexOf (temp) == 0)
with (list.add ("item", array[i][0]))
subItems[0].text = array[i][1];
subItems[1].text = array[i][2];
if (list.items.length > 0)
list.selection = 0;
entry.onChange = function () {}
if (w.show () != 2)
return list.selection.text;
else
w.close ();

How to make buttons work in drop down movieclip in flash???

      I am trying to make an index page with buttons for a photography site. the entire page is built in flash so far. My question is that I have created a drop down menu that is a Movieclip with 5 buttons. I can not seem to assign an external web page to each buttons that are under the movie clip drop down menu.   Is this a possible??   The Movie clip is run by mouse-over the word "studio Gallery" button. This drops down the 5 gallerbuttons (Portrait, children, wedding, Artistic Babies, etc...). In Flash 8 Pro I know I can assign an external web page named children on the main page but how do I assign these to the buttons in the drop down once the movieclip is made. Is this where I need to use folders with extra layers in the folder to make it work??
In case you can not tell I am new to this and have been teaching my self with "Training from the Source" and also "Visual Quickstart Guide" so go easy on me 8-)
Randy

Ned Murphy,
Your advise was very helpful as I found the info that was very helpful
with the google search.   I still have one nagging problem, I get an
error shown below:
*Error* Scene=Scene 1, layer=Buttons, frame=1:Line 2: Mouse events are
permitted only for button instances
     on (rollOver) {
Other than the difference of onrelease to on (rollOver) I see no reason
for this error
        The clip works but when the mouse rolls out it does not close
the dropdown menu I have included the drop down file here also.   I will
be using this to add the resulting "swf" file to the area on my larger
fla to get the menues working but I don't want the menu to stay open
once someone rolls over it if they want to goto an other spot on the page.
I'm 53 yrs old and can not afford much more Hair pulling I will be bald
if the little stuff wins....
Thanks for the help
Randy
What you should do is search Google using "AS2 drop down tutorial". That should produce a few results that you can use to guide you thru the process.
I cannot tell clearly from your description so far, but it sounds like your movieclip contains the buttons and has a rollover assigned to it. That rollover will block interaction with the buttons. So your best bet is to get a hold of a tutorial that will walk you thru the process so that you can get your buttons working the way you want.
>

How to Make a Non-Spry Drop Down Menu Bar?

In Dreamweaver CS6, I'm building a Fluid Grid website. I'm trying to make a simple menu bar with 2 submenu items and 2 subsubmenu items. I was using Spry but found out that Spry is dead. So what do I use instead?

First of all, if you are in a hurry, Project VII's Pop Menu Magic 3 is a great choice. Since it's a Dreamweaver plugin, making navigation is a snap. Just click on the PMM icon and start making.
One does not need CSS3 for a drop-down menu structure—the necessary requirement to talk to a web browser is in CSS2. Also you do not need to load your website with jQuery—though I don't want to come across as "anti-jQuery."
Here is a link to a complete tutorial on pure CSS drop-down navigation. There are dozens of others.
The real secret is using position:relative, then position:absolute for the drop-down and hiding it by positioning it off-screen when not in use. This tutorial also uses some CSS3 for tablets and cell phones, though it is not required for desktops.
You can take this a step further by hiding the entire navigation structure (and then revealing it) for cell phones with this tutorial. This will allow you to construct navigation for your website so that it will work for all devices.
Please note, no jQuery is necessary in either of these tutorials.
-Mark

How to make choices in a drop down box change a value in another box

Hi, I am fairly new to the world of creating forms in Adobe so please bear with my question if it seems simple. I have seen where a lot of people are using code and I am very confused. I am creating an order form and have created a drop down box (combo box). There are 4 choices in this drop down box. When the user chooses one of these choices, I would like an amount to appear in a seperate box. Each choice would have a different amount. Is this possible? If so, could someone please give me step by step instructions. I appreciate any help given!!

Yes, the best way would be to set your 'Amount' value into the 'Export Value' for each item in the combobox. Then, you can set the calculation for your text field to the following (Be sure to change "ComboBox1" to the name of your combobox):
var f = this.getField("ComboBox1");
    var a = f.currentValueIndices;
    var s
    if (typeof a == "number") {// a single selection
        s = (f.value);
event.value = s

How do I make the Bookmarks menu drop-down larger?

I'm using a 1920 x 1200 monitor and the icons in the menu are too small. How do I make the Bookmarks menu drop-down larger?
Not the toolbar. I never use the toolbar. I've removed all toolbars. Don't give me help for the toolbar. I'm asking about the menu, not the toolbar. I want to enlarge the text and icons in the bookmarks menu; How do I do this?
Using Firefox 9.0.1 on Windows 7 x64 Service Pack 1.
PC is a desktop machine, not a laptop.
CPU is Intel Core i7 940 @ 2.93 GHz, with 6 GB RAM.
Graphics adapter is a pair of Nvidia GTX 285 cards running as a 2-card SLI array.
On a 11 Mbps (downstream) DSL modem/router.

Use this extension to adjust the font size for the user interface.
*Theme Font & Size Changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/

How can I display images in drop down.

Hi All,
How can I display images in drop down.
<select><option>image here</option></select>
please reply soon.
anser please
Thanks

I have not found html forum..That's just incredible.
where can i find it ?Sorry, I'm still recovering from that remark.
please reply soonEvery time you end a post with this, or "urgent" or other such keywords, the forum automatically introduces a 5 minute delay so that will actually make the whole process slower (not faster).

How to get "tones" tab in drop down menu

how to get "tones" tab in drop down menu

I assume that you are referring to the categories on your iTunes library (?), if you are then go into Edit > Preferences and on the General tab make sure that Tones is ticked
You can also enable the left-hand sidebar on iTunes 11 on a PC via control-S, which then allows you to view the sections of your library (those enabled in Preferences) via that sidebar, and if you have iOS devices they will also show on that sidebar when connected.

How to create a multi select drop down filed in crm 7.0

Hi All,
I need to create a multi select drop down field in crm web ui where one field have 7 value and we can select more than one value at a time.I have no idea how to create a multi select drop down field in web ui.
Please help.....

Hi vishwas
Please follow the thread where a similar requirement was posted.
Re: Drop-down list box / pick-list with multiple selections at a time
Here the suggestions say that a workaround could be to associate a table view to the field.
Regards,
Nisha

How to I remove the Bing Drop Down Banner on MSN Homepage

How do we remove the Bing drop down banner search bar from MSN. We are running Windows Vista and Firefox 4.

Install Firefox and the Add on called Ad Block Plus, subscribe to the "Easy List" (almost automatic)
When the image appears again, right click on it and there will be a Ad Block Plus menu option which you then can block the image server.
Ad Block Plus is wonderful at blocking all sorts of image servers

How do I get the complete drop down Menu?

How do I get the complete drop down menu when I CTRL-Mouse click a folder. I am getting MORE in the bottom, and I need it to be removed.
Thanks

The "More" area in the contextual menu's are bothering quite a few people. It's a feature of Leopard and can't be removed. There may be a hack available, but I'm waiting for some help from Apple...
It reminds me of the Personalized menu's that Microsoft enables by default in some versions of MS Office for Windows. And it's a feature that I turn off immediately after installing Office for a client.
Two steps forward, One Back.

How can I enable the automated drop down for the subject line on the email page

How can I enable the automated drop down for the subject line on the email page as I send more than 300 emails everyday with the same subject line. Before it use to happen in my gmail account but now its not. Please help me as its increasing my work time because I have to type the subject line again and again on each email I send. Please help me guys.

This is usually caused by one or more bookmarks having a long title.
You can check that folder in the Library and shorten long names.
* Bookmarks > Show Al Bookmarks
*Bug 626066 - History, Bookmarks menus too wide because of pages with long titles on 64bits
<i>Please do not comment in bug reports: https://bugzilla.mozilla.org/page.cgi?id=etiquette.html</i>

How do I make my Navigation menu drop-downs work, LIVE?

I've tested my entire site in my Browser (Safari) and my drop-down menus all work flawlessly. However, when I upload my site and go LIVE they no longer work. The menus were implemented on a B-Master page. I also uploaded my generated Scripts and .css folders as part of the site. I was wondering if the error was caused by a "css" problem since that seems to be the only info uploaded regarding the B-master page that I can think of. Thank you in advance for your time. Confused...

Have you published the site to a third party webhost? If yes, did you use the built in FTP upload feature or a FTP client? Did you try re-uploading all files in order to make sure you didn't miss any static assets?
If you have made sure of all of the above, a site URL would be helpful in identifying the issue.
Thanks,
Vinayak

How do I create a dependant drop down in a web form?

I am trying to add a web form to a web page that includes a dependant drop down menu. For example, I'd like there to be a drop down menu called "Interested Class" with three fields: "Tribe Fit", "Tribe Life" and "Tribe Core". When a user selects one of these fields ("Tribe Fit" for example), I want a new drop down menu to appear with the following choices: "7:00am", "12:30pm", "7:00pm".
I have attempted this here and as you can see it's not working at the moment. The time drop down fields should be hidden until an "Interested Class" has been selected.
http://www.cityfitness.com.au/nicole-form-test?Preview=True
I've placed my JS code in the HTML view of the actual web page as I noticed when I place it in the actual custom form it doesn't carry through to the page. I don't know if I'm placing my JS in the correct place though.
Here is a snippet of my code if it helps:
<tr>
                        <td><label for="CAT_Custom_328771">Interested Class</label><br />
                        <select name="CAT_Custom_328771" id="CAT_Custom_328771" class="cat_dropdown">
                        <option value=" ">-- Please select --</option>
                        <option value="Tribe Fit">Tribe Fit</option>
                        <option value="Tribe Life">Tribe Life</option>
                        <option value="Tribe Core">Tribe Core</option>
                        </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        <div id="fit" class="times">
                        <select>
                        <option value="7:00am">7:00am</option>
                        <option value="12:30pm">12:30pm</option>
                        <option value="7:00pm">7:00pm</option>
                        </select>
                        </div>
                        <div id="life" class="times">
                        <select>
                        <option value="7:00am">7:00am</option>
                        <option value="8:00am">8:00am</option>
                        <option value="11:30am">11:30am</option>
                        </select></div>
                        <div id="core" class="times">
                        <select>
                        <option value="8:00am">8:00am</option>
                        <option value="11:30am">11:30am</option>
                        <option value="12:30pm">12:30pm</option>
                        </select>
                        </div>
                        </td>
                    </tr>
                    <tr>
                        <td><input class="cat_button" type="submit" value="Submit" id="catwebformbutton" /></td>
                    </tr>
                </tbody>
            </table>
            <script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script>
            <script type="text/javascript">
$(function () {
    $('#CAT_Custom_328771').change(function () {
        $('.times').hide();
        $('#' + $(this).val()).show();
//<![CDATA[
var submitcount67919 = 0;function checkWholeForm67919(theForm){var why = "";if (theForm.FirstName) why += isEmpty(theForm.FirstName.value, "First Name"); if (theForm.LastName) why += isEmpty(theForm.LastName.value, "Last Name"); if (theForm.EmailAddress) why += checkEmail(theForm.EmailAddress.value); if (theForm.HomePhone) why += isEmpty(theForm.HomePhone.value, "Home Phone Number"); if (theForm.HomeAddress) why += isEmpty(theForm.HomeAddress.value, "Home Address"); if (theForm.HomeCity) why += isEmpty(theForm.HomeCity.value, "Home City"); if (theForm.HomeState) why += isEmpty(theForm.HomeState.value, "Home State"); if (theForm.HomeZip) why += isEmpty(theForm.HomeZip.value, "Home Zipcode"); if (theForm.HomeCountry) why += checkDropdown(theForm.HomeCountry.value, "Home Country"); if(why != ""){alert(why);return false;}if(submitcount67919 == 0){submitcount67919++;theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}
//]]>
</script>
        </form>
Can anyone please help explain to me how I can make this work? I am only a JS beginner - so please try to explain in simple terms if possible.
Thank you!
Nicole

This wont work, Needs to be a lot more then this and CSS to hide things rather then script hiding them.
Nicole, The times that are availible I gather differ depending on the type of the dropdown?
You do not need multiple time dropdowns.
Steps you need to do first on the form:
1. Ensure the custom form field dropdown for interested class exists.
2. Have custom dropdown with all the times that any of them can be. This is CSS hidden by default.
3. Also CSS hide all the options in the select as well in your CSS.
Next can you show what classes have what times as an example then can put the code more relevent to your example you can work off.
The code will follow along the lines of....
Dropdown On Change
          If selected options is xxx class then
          fade in option times dropdown
          Show these otpion times
        if selected option is zzz class then
          fade in option times dropdown
               show these times
More control as you need to work properly, only two dropdowns needed.

How do we display Pages with drop down one below the other ?

Hi,
I am beginner to Financial report 9.3.1 . I have repot mock up where i need to place pages like Time Period , Version etc one below the other with the drop down .
How should i proceed to achieve the same ?
Thanks & Regards,
Vijaya

Try selecting a grid in the top left corner to highlight it,
Double check your dimension layout in the properties pane,
Make sure Grid Point of View is selected.
Can you be a little more specific as to what kind of report you are trying to create?
What are your Report layouts Columns, Rows and Page?
Brian Chow

How to make div id properties drop down wider?

Similar Messages

Maybe you are looking for