Login / Register  search  syndication  about

          Ryan Farley's Blog

Ryan Farley on .NET Development with a focus on CRM Development for SalesLogix

Easily Increasing the Height of the Picklist Dropdown in SalesLogix Web

Something that has always frustrated me when using the SalesLogix Web client was how the picklist control only shows four items in the dropdown and you have to scroll up or down to see the rest. This works fine for lists with only a few items, but for bigger lists it is a huge pain. It wasn't until a coworker was asked by a customer that I gave it any thought about how to go about changing this. Luckily, it's a pretty easy change to make.

This change can be made for all picklist controls in the client with a simple CSS change. If you open the sage-styles.css file in Application Architect. Look in the CSS folder in the Support Files for the portal. Then just add the following:

.picklist-container .picklist-inner-container .picklist-items
{
    height:200px;
}

This change increases the height of the dropdown to 200 pixels. That changes the picklist dropdown from this:

to this:

Much better. Of course, you can play with that 200px value to get the default height to look & feel just right.

What's This?
  
Bookmark and Share

About Ryan Farley

   Ryan Farley is the Director of Development for Customer FX and creator of slxdeveloper.com. He's been blogging regularly about SalesLogix since 2001 and believes in sharing with the community. He loves C#, Javascript, Python, web development, open source, and Linux. He also loves his hobby as an amateur filmmaker.

View the SalesLogix Mobile Seveloper Series
View the SalesLogix SData Developer Series
View the Git for the SalesLogix Developer series



Related Content
   How do you set the Base Directory when Deploying your Web Client on Infor CRM 8.1?
Question:How do I make sure my Base Directory is set correctly on Infor CRM ? Recently I had a custo
Posted on Mar 06, 2015 by Dale Richter to Infor CRM Questions & Answers
 
   How do I fix a corrupt Picklist in Infor CRM version 8.1?
I had a user ask how to fix a corrupt picklist. The picklist did not show any values when trying to e
Posted on Feb 06, 2015 by Dale Richter to Infor CRM Questions & Answers
 
   Creating a Searchable & Filterable ComboBox in Infor CRM (Saleslogix) Web Client
I've had a few posts lately covering the ComboBox control in the Infor CRM (Saleslogix) Web Client. T
Posted on Feb 05, 2015 by Ryan Farley to Ryan Farley's Blog
 
   Limiting the Height of the Infor CRM (Saleslogix) ComboBox Popup
In my last post, I discussed how the Infor CRM (Saleslogix) ComboBox is a Dijit Select form widget. This
Posted on Jan 29, 2015 by Ryan Farley to Ryan Farley's Blog
 
   How to Disable the ComboBox Control in the Infor CRM (Saleslogix) Web Client
There's a problem with the ComboBox control in the Infor CRM (Saleslogix) Web Client. It won't di
Posted on Jan 22, 2015 by Ryan Farley to Ryan Farley's Blog
 
Comments

 

Jason Buss' Blog said:

My colleague Ryan just posted about a simple method to increase the height of picklist dropdowns in the SalesLogix web client. I have a slightly different way to accomplish the same thing for individual picklists, so while not really more difficult to

March 22, 2012 2:49 PM
 

Chris Grant said:

You could also make this a little nicer by doing the following.

In "sage.control.picklist.js" : "PickList_ButtonClick" replace

       list.focus();

with

       else {

           if (list.childNodes.length > 20) {

               list.setAttribute("size", 20);

           }

           else {

               list.setAttribute("size", list.childNodes.length);

           }

       }

       list.focus();

March 24, 2012 7:01 AM
 

David Lumm said:

I did it a similar way to Chris. It's a much nicer way than a fixed pixel height, as it allows the picklist to shrink to smaller lists. That way you never have lots of white-space.

April 13, 2012 4:48 AM
 

Joe Dille said:

Seems easy enough.  AA says the file is changed but when I deploy VFS is not updated.  Any ideas?

July 23, 2012 4:37 PM
 

Kris Halsrud said:

Joe what file are you modifying?  If it is the Sage-Style.css, I think that file is actually recreated on redeploy by combining the content of SLXBase, quickform, sage-controls, and sage-platform.css files.  If you make the same mod to the sage-control.css file as what Ryan shows in the Sage-Styles.css that should make it out to the deployed website.

August 30, 2012 12:39 PM

Leave a Comment

(required)  
(optional)
(required)  
Add
All contents Copyright © 2015 Customer FX Corporation
Customer FX Corporation
2324 University Avenue West, Suite 115
Saint Paul, Minnesota 55114
Tel: 800.728.5783

  Follow @CustomerFX on twitter
Follow the best news, tips, and articles
  Subscribe to Customer FX on youtube
Watch SalesLogix tutorial videos from Customer FX
Login / Register