# List of Labels with slider

**URL:** <https://community.plotly.com/t/list-of-labels-with-slider/8490>\
**Category:** Dash Python\
**Created:** [February 21, 2018, 4:28am UTC](https://community.plotly.com/t/list-of-labels-with-slider/8490 "2018-02-21T04:28:33Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![anurag](https://avatars.discourse-cdn.com/v4/letter/a/b782af/32.png) [@anurag](https://community.plotly.com/u/anurag)\
**Post date:** [February 21, 2018, 4:28am UTC](https://community.plotly.com/t/list-of-labels-with-slider/8490/1 "2018-02-21T04:28:34Z")

</div>

I am currently having a list of column names, and sliders to the right of it.  
I want the column names as a scroll-able list of Labels with the sliders below each Label.

I have tried using,  
‘overflow-y’:‘scroll’, to make the label lists scroll-able, Its not helping ☹

and the below snippet to bring sliders after every labels.

```
def create_col_names(list_of_cols, min_val, max_val):
      return html.Div([html.Div([html.H6(col) for col in list_of_cols], style={'height':'10%',
                                                                         'textAlign': 'left',
                                                                         'font-style': 'italic',
                                                                         'font-family': 'serif',
                                                                         'fontSize': 4,
                                                                         'color': colors['feat_text'],
                                                                         'overflow-y':'scroll',
                                                                         'word-wrap':'break-word'}),

                       html.Div([dcc.Slider() for i in range(len(list_of_cols))], style={'width':'20%',
                                                                                   'height':'10%',
                                                                                   'marginBottom': '40%',
                                                                                   'marginLeft':'50%'})
                ], style={'columnCount':2})

```

I believe in the return statement, I need some magic.  
Please advise, any help is appreciated. Thanks in advance 🙂

---

<div class="post-metadata">

**Author:** ![anurag](https://avatars.discourse-cdn.com/v4/letter/a/b782af/32.png) [@anurag](https://community.plotly.com/u/anurag)\
**Post date:** [February 21, 2018, 6:00am UTC](https://community.plotly.com/t/list-of-labels-with-slider/8490/2 "2018-02-21T06:00:03Z")

</div>

I was able to solve the scroll issue by fixing the Div size for H6 tags. But the slider Issue still persists.