June 2015
Current page:

How to preserve tab width across tabs

By: Vladi Gubler | Comments [3] | Category: Development | 6/15/2015


By default Smart List Pro tabs adapt to the content width. So depending on type and number of columns, each tab can be a little bit wider or narrower. Some users would prefer to have a constant width to their tabs.

Fortunately, it's very easy to do:

  1. Go to your list and click on Design (under List ribbon)
  2. Click on Tabs and tab permissions
  3. Scroll down to Styles section
  4. If you already have a style, edit it, otherwise you can create a new one
  5. Under Custom Styles add the following:
    1. Selector: .iwslp-maintable
    2. Value: width: 1000px - you can enter any width you find suitable. Note that if the width is too small to accomodate your content, you will not achieve the desired effect
  6. Add your custom style, add/update style and save the tab settings (don't forget to save all 3).
  7. Go to your form, your tabs should have the same width now