Change Length of Select Dropdown List

I got a request to change the length of select dropdown list. Because the current length of dropdown list can only show part of sentence, not all, so someone may not understand what it is or which item should be choice.

I looked the FormsPublisher document, it seemed not a option to change the length of select dropdown list.

Does anyone have advices?

Thanks,

Find more posts tagged with

Comments

Bhargav Coca

I got a request to change the length of select dropdown list. Because the current length of dropdown list can only show part of sentence, not all, so someone may not understand what it is or which item should be choice.

I looked the FormsPublisher document, it seemed not a option to change the length of select dropdown list.

Does anyone have advices?

Thanks,

Select dropdowns take length of the name of it longest option available, so you are saying that you longest name is not fitting in, do you have a character limit for this field?

Aleks

Select dropdowns take length of the name of it longest option available, so you are saying that you longest name is not fitting in, do you have a character limit for this field?

Yes, my longest name is not fitting in dropdown list, and I don't have a character limit for this field.

Is any possibility to change the length?

Rick Poulin

You could specify custom styles for formspub via the custom.css file per the UITK. Something like
select { width: 300px; }
Note that this will make ALL dropdown boxes in ALL forms be EXACTLY this width, regardless of the content within them or positioning in the form.

Bhargav Coca

Yes, my longest name is not fitting in dropdown list, and I don't have a character limit for this field.

Is any possibility to change the length?

You can set it using JavaScript,
document.getElementById('mySelect').style.width=100 + 'px';

HTH

Thanks

Aleks

You can set it using JavaScript,
document.getElementById('mySelect').style.width=100 + 'px';

HTH

Thanks

Thank you lilleywhite.

It works perfectly.

Aleks

Thank you lilleywhite.

It was my mistake, actually it didn't change any thing.

I guess that "document.getElementById('myselect').style.width=100 + 'px';" is only for HTML?

I don't know why I still did not see any effect.

Bhargav Coca

Thank you lilleywhite.

It was my mistake, actually it didn't change any thing.

I guess that "document.getElementById('myselect').style.width=100 + 'px';" is only for HTML?

I don't know why I still did not see any effect.

Yes that is the one for html form with a select box in it. Well you can implement it some way like this

IWDatacapture.getItem("myselect").style.width=100 + 'px';

See if that works, when you said it worked what actually worked?

Thanks

Aleks

Yes that is the one for html form with a select box in it. Well you can implement it some way like this

IWDatacapture.getItem("myselect").style.width=100 + 'px';

See if that works, when you said it worked what actually worked?

Thanks

No, it did not work. It was my mistake saying "work" before.

There is no attribute as like IWDatacapture.getItem("myselect").style.width based on IWDatacapture.getItem property.

My dropdown list is a scheme file which contains English and French. (Some of French is way longer than English.) I have to use JS to call these dropdown list scheme to load all the options of select on DCT. Currently the dropdown list selections have all the same size as default from TS UI, but some of options has been covered by the length of dropdown list which means you can only see part of option.

I would like to know how to change the length of dropdown list if possible.

ISCBorisB

...how to change the length of dropdown list...

There are basically two supported mechanisms that you can use to style DC Forms.

As already noted by rpoulin, you can customize almost all aspects of Teamsite Styling, DCT including.
Get to User Interface Customization Guide, Chapter "Customizing GUI Appearance". Note that all
changes of that nature are global.

If I were you I would use another supported approach. "templating.cfg" File allows you to
override DCT styling with your own (per type). The Tag is <viewoptions>, attribute cssurl.
Get to Forms Publisher Developer’s Guide, look for "Using the viewoptions Element" and
"Style Sheet Customizations" Paragraph.

Alternatively, it is certainly possible to hack DCR Structure, get "raw" DOM Objects behind it
and start modifying them through FormAPI. This is neither documented nor supported though,
you'll be on your own

Aleks

There are basically two supported mechanisms that you can use to style DC Forms.

As already noted by rpoulin, you can customize almost all aspects of Teamsite Styling, DCT including.
Get to User Interface Customization Guide, Chapter "Customizing GUI Appearance". Note that all
changes of that nature are global.

If I were you I would use another supported approach. "templating.cfg" File allows you to
override DCT styling with your own (per type). The Tag is <viewoptions>, attribute cssurl.
Get to Forms Publisher Developer’s Guide, look for "Using the viewoptions Element" and
"Style Sheet Customizations" Paragraph.

Alternatively, it is certainly possible to hack DCR Structure, get "raw" DOM Objects behind it
and start modifying them through FormAPI. This is neither documented nor supported though,
you'll be on your own

I have an another way to do this static length of select box. But we really don't control the length of input by users. It might be long, and short as well. So that if a user put long words in it, especially in French, then it will be not enough again. I am heading to find a solution to have dynamic length select box based on users' inputs which means that there are more than one option.

Adam Stoller

How are you creating this select list?
If you're doing it with an inline script - the script can supply the complete select list and it should just "do the right thing".
If you're doing it with a callserver script after the DCT has been defined - consider switching to an inline script.