How can I get rid of top/botton grey border of item menu

Ignition Early Access
1

Hi
How can I get rid of top/botton grey border of item menu?
playing with style border doesn’t work for those annoying grey lines as shown in image below:

image
image571×663 30.1 KB

I want to create something like this:
image

2

Hi @nader.chinichian, there is a bug open for this right now. That border style rule is currently unreachable with the style properties.

1 Like
3

Has this bug been fixed?

4

I test it in 8.0.12 and still have problem

5

@brandon1, still an active bug; that ticket has yet to be worked.

1 Like
6

Any chance that bug is on a timeline yet to be addressed?

7

I change the bk color of menu to that nasty line color to make them disappear. If your project accept that gray color this can work for you.
also you can make it narrower by adding margin: -1px

8

@brandon1, I’ll give the ticket a bump.

2 Likes
9

It finally fix in 8.0.13. Woow.

10

This is the only post that comes up on Google when searching for this issue, and of course someone has figured it out without posting the solution. Can you please tell me how to get rid of this border?

11

It has probably been fixed by upgrading to > 8.0.13 and using the techniques in the original post.

You didn't state which version you are running and where you are getting stuck.

13

Menu border

You need to set it up on each item. I'd be inclined to create a style with borderWidth : 0 and apply that to each item. Then you can change them all in an instant or make it a user choice.

1 Like
14

I am looking at a horizonal menu, not vertical. I changed the border width on the style of the entire menu, and it worked this time. Whoops.

15

It's hard for us to guess.

16

You're a real joy.