Login Register
Sunday, February 05, 2012
You are here : Forum
 
Forums Minimize
 
ForumForumForumForumIndoo Grid DNN ...Indoo Grid DNN ...Width of filter dropdownWidth of filter dropdown
Previous Previous
 
Next Next
New Post
 3/27/2008 8:15 PM
 

does anyone know how to expand the width of a filter dropdown? i have a list of things that are quite long...

thanks ahead,

Mary

New Post
 3/27/2008 8:48 PM
 
I need this too
New Post
 3/28/2008 12:58 AM
 

Mary, Brian,

You can use css definition in page or module header like this:

<style>
/*textbox*/
.gridView input.gv_ff {
 width:200px;
}
/*dropdownlist*/
.gridView SELECT.gv_vl
{
 width: 200px;
}
/*table cell with filters */
.gridView TD.gv_f_1c4
{
    width: 200px;
}
</style>

or you can join this according css rules:

<style>
.gridView input.gv_ff, .gridView TD.gv_f_1c4, .gridView SELECT.gv_vl
{
 width:200px;
}
</style>

There are comments included in css files so you can find css definitions for other fields too.

Kind regards,

Primoz

 

New Post
 3/28/2008 2:17 PM
 
thanks - worked perfect!
New Post
 8/23/2010 4:58 PM
 

Can you explain to me how this works? I went to Module Settings and then Advanced Settings, and inserted the following into the Header:

<style>
/* Dropdownlist */
.gridView SELECT.gv_vl {
width: 300px;
}
</style>

This changed all my dropdownlists to 300 pixels wide. This is definitely what I want, but I don't understand how it works. Can you explain this to me?

You see, I have 3 dropdownlists, and I want to control the width of all 3 lists, but I don't want them all to be at 300 pixels wide. I want the first list to be 100 pixels wide, the second list to be 200 pixels wide, and the last list to be 300 pixels wide. So I guess my question is, how do I alter the above CSS to reference each individual dropdownlist? I guess I have to change the gv_vl, but I don't know what I should change it to.

Thanks so much.

New Post
 8/23/2010 10:10 PM
 

After some further research, I determined that the following will answer my question:

<Style>
/* Dropdownlist 1 */
.gridView SELECT#dnn_ctr435_ViewIndooGrid_gv1002_ctl01__gvff0 {
Width: 100px;
}
/* Dropdownlist 2 */
.gridView SELECT#dnn_ctr435_ViewIndooGrid_gv1002_ctl01__gvff1 {
Width: 200px;
}
/* Dropdownlist 3 */
.gridView SELECT#dnn_ctr435_ViewIndooGrid_gv1002_ctl01__gvff2 {
Width: 300px;
}
</Style>

I am referencing the ID of each dropdownlist, instead of the overall class.

Thanks

Previous Previous
 
Next Next
ForumForumForumForumIndoo Grid DNN ...Indoo Grid DNN ...Width of filter dropdownWidth of filter dropdown

  
Buy it Minimize

 

 

  
Home | Demo | Custom Solutions | Downloads | Forum | Company
 
Privacy Statement | Terms Of Use
 
Copyright 2008-2009 IndooLab d.o.o.