Qlik Community

New to QlikView

Discussion board where members can get started with QlikView.

Announcements
Leverage your QlikView investment to modernize BI – see how! Join Group
cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Contributor III
Contributor III

List box design

Hi,

How do I create the design of the list box in the picture attached?

I attached qvw for example.

Thanks!

Capture.PNG

 
 
1 Solution

Accepted Solutions
Highlighted
Partner
Partner

Re: List box design

Hi Bellesol,

 

There are a lot of configuration settings to this List box.

Here are few obvious ones but first go to Document Settings -> Styling Mode -> Check on Advanced.

In the List box properties:

To adjust the Caption color and font - go to the Caption Section and check on the version for Active and Inactive caption. You can control colors and background individually. Looks like the background is white (not transparent). You can play with the title font and Boldness (looks like your list box is bold)

To adjust the border settings - go to Layout Section and uncheck Use Borders.

To adjust scrollbar: Layout Section - bottom right click on Light scroll style and scrollbar width to smth like 3 or 4pt.

To adjust font of the content in the list: go to Font section and chose the font + color (looks like slight grey).

 

I can't identify the font you are using although it looks like halvetica (not exactly found in QV).

I can't also identify the color you are using but it looks like that one: 

HTML code:#DC7471
RGB code:R: 220 G: 116 B: 113
HSV:1.68° 48.64% 86.27%

 

I hope that helps!

 

Kind regards,

S.T.

View solution in original post

4 Replies
Highlighted
Partner
Partner

Re: List box design

Hi Bellesol,

 

There are a lot of configuration settings to this List box.

Here are few obvious ones but first go to Document Settings -> Styling Mode -> Check on Advanced.

In the List box properties:

To adjust the Caption color and font - go to the Caption Section and check on the version for Active and Inactive caption. You can control colors and background individually. Looks like the background is white (not transparent). You can play with the title font and Boldness (looks like your list box is bold)

To adjust the border settings - go to Layout Section and uncheck Use Borders.

To adjust scrollbar: Layout Section - bottom right click on Light scroll style and scrollbar width to smth like 3 or 4pt.

To adjust font of the content in the list: go to Font section and chose the font + color (looks like slight grey).

 

I can't identify the font you are using although it looks like halvetica (not exactly found in QV).

I can't also identify the color you are using but it looks like that one: 

HTML code:#DC7471
RGB code:R: 220 G: 116 B: 113
HSV:1.68° 48.64% 86.27%

 

I hope that helps!

 

Kind regards,

S.T.

View solution in original post

Highlighted
Contributor III
Contributor III

Re: List box design

Thanks so much!

2 question:

1. how can I add title  Boldness?

2. In the font section, how can I change the font color?

 

Highlighted
Partner
Partner

Re: List box design

No worries!

 

Q1:

Caption -> Font (Top right) -> Font Style:

image.png

 

Q2: I'm not sure you can change it. There are font's which come with a bit different default color (Such as Cambria).

Highlighted
Contributor III
Contributor III

Re: List box design

Understood! thanks for all of your answers 🙂