Author Topic: How to mount LED in a product front panel  (Read 4448 times)

0 Members and 1 Guest are viewing this topic.

Online VEGETATopic starter

  • Super Contributor
  • ***
  • Posts: 2012
  • Country: jo
  • I am the cult of personality
    • Thundertronics
How to mount LED in a product front panel
« on: November 04, 2022, 01:17:58 am »
Hello,

kindly check the image here.



I am interested into learning how to mount LEDs on front panel like this and which part from Digikey can be used? I know he uses PCBs as front and under panel while the design PCB itself (green color) is in between..

more pics from here: https://www.axunworks.com/product-p341706.html

thanks

Offline ataradov

  • Super Contributor
  • ***
  • Posts: 11780
  • Country: us
    • Personal site
Re: How to mount LED in a product front panel
« Reply #1 on: November 04, 2022, 02:51:07 am »
This is just standard 3.5 mm LEDs mounted on the green board and poking though the top cover.

There is nothing like this that can be used with a single board and with an actual lens. But if you are ok with just a hole in the top panel PCB and light shining though, then you should search for  reverse-mount LEDs. Some of them are flush with the mounting surface, some will sit in the hole and may end up being flush with the panel surface.

Basically this https://dammedia.osram.info/media/img/osram-dam-2711021/s,x,760,y,0/00142087_0.jpg or this https://www.we-online.com/catalog/media/o135755v209%20Family_WL-SFRW.jpg

Although some seem to be more attractive, may be even suitable for direct use without additional lenses https://www.digikey.com/en/product-highlight/s/sunled/1206-reverse-mount-with-inner-dome-lens
« Last Edit: November 04, 2022, 02:54:57 am by ataradov »
Alex
 

Offline SiliconWizard

  • Super Contributor
  • ***
  • Posts: 15432
  • Country: fr
Re: How to mount LED in a product front panel
« Reply #2 on: November 04, 2022, 03:16:50 am »
Mounting TH LEDs like this is an annoyance in terms of production (if you have any kind of production to do, now if it's just prototypes, who cares.)

Usually easier to use SMD LEDs and light pipes to guide light to the front panel. Like this: https://www.lumex.com/lightpipe.html

 

Offline ledtester

  • Super Contributor
  • ***
  • Posts: 3248
  • Country: us
Re: How to mount LED in a product front panel
« Reply #3 on: November 04, 2022, 04:07:59 am »
I've seen plastic spacers used to get the LED at exactly the correct height. Search for LED spacer/standoff or LED lamp holder.
 

Offline ataradov

  • Super Contributor
  • ***
  • Posts: 11780
  • Country: us
    • Personal site
Re: How to mount LED in a product front panel
« Reply #4 on: November 04, 2022, 04:16:13 am »
There are spacers, but then you will be running into an issue of designing your stuff around those spacers. Plus they are still annoying for mass production. Avoid if at all possible.
Alex
 

Online VEGETATopic starter

  • Super Contributor
  • ***
  • Posts: 2012
  • Country: jo
  • I am the cult of personality
    • Thundertronics
Re: How to mount LED in a product front panel
« Reply #5 on: November 04, 2022, 10:30:33 am »
well, in my case the top cover PCB will be without any electric connections, just a matte black nice front panel. So I think it cannot host such reverse mounted LEDs.

I thought of spacers but these will need me to put them and solder the LEDs by hand rather that assembling them in PCB assembly factory.

Seems no option is perfect but I am ok with the result similar to picture in original post.

Offline AndyBeez

  • Frequent Contributor
  • **
  • Posts: 858
  • Country: nu
Re: How to mount LED in a product front panel
« Reply #6 on: November 04, 2022, 11:23:28 am »
What is the gap between the PCB and front panel surface?

You might be able to use 'lighthouse' PTH led: about 10mm high with a 2mm end diameter. Or for a short distance, there are press on plastic lenses for SMT leds. Google "smd 5050 led lens"
 

Offline Psi

  • Super Contributor
  • ***
  • Posts: 10235
  • Country: nz
Re: How to mount LED in a product front panel
« Reply #7 on: November 04, 2022, 11:27:33 am »
If you leave copper and soldermask off the PCB in an area on top and bottom you can shine light through the PCB substrate. It actually works really well and allows you to light up a pattern or shape that you can define on the PCB.
The PCB is diffuse enough that you don't get light hot spots.

You can do it with LEDs on a separate PCB, or reverse mount LEDs on the back of the main PCB.

You want to use high-intensity 20mA leds though, there's some light output loss in getting through the PCB.

The diffuse PCB also works well if you want to mix color with an RGB led.  the PLCC ones work great.

If you want to see it i can dig out my old one and make a short video of it lighting up the logo.
« Last Edit: November 04, 2022, 11:32:01 am by Psi »
Greek letter 'Psi' (not Pounds per Square Inch)
 

Online VEGETATopic starter

  • Super Contributor
  • ***
  • Posts: 2012
  • Country: jo
  • I am the cult of personality
    • Thundertronics
Re: How to mount LED in a product front panel
« Reply #8 on: November 04, 2022, 11:46:24 am »
I prefer traditional way of either through hole LED with spacer or reverse mount smt one... but the reverse mount have to be mounted at the bottom side of the top cover PCB which needs me to run wires from main PCB to it. is there any better way?

how about just using regular through hole LED without spacer? just solder it and leave it. does it do any problem? i guess spacers are better.

as for SMT reverse mount ones, as mentioned, it will require me to have wires going from main PCB to the bottom side of the top cover PCB. has anyone done this before? assuming the product will be similar to that of the picture, it will not be inside an enclosure but rather having top and bottom cover PCB panels.

so assume I need 4 LEDs for indicating user choices... then I would need 4 power and 1 ground signal to run from main PCB to the bottom side of top panel PCB. the push button of choosing + the 4 LEDs will mostly be on the side not in the middle... so maybe I can have the wires coming from the middle of main PCB to middle of top cover PCB. then route them to the specified place on the bottom side of top PCB.

this way the wires will be hidden away from the user. but the problem is in the assembly stage since it will be kinda hard to do such short wires. I hoped for a more neat and cheap solution.

what do you think?

Online Kean

  • Supporter
  • ****
  • Posts: 2306
  • Country: au
  • Embedded systems & IT consultant
    • Kean Electronics
Re: How to mount LED in a product front panel
« Reply #9 on: November 04, 2022, 12:33:11 pm »
In your original photo it looks like they are using standard 3mm through hole LEDs, and I suspect they have LED spacers in place to avoid the LED getting "pushed in".  Common suppliers of these spacers are BIVAR and Essentra.

If you are making the front panel with a PCB, then it makes sense to leverage that and use reverse mount LEDs, and use appropriate length board to board SMD connectors.  You really don't want to be soldering wires between boards as that removes any assembly advantage of the reverse mount LEDs.

You need to work out the trade off between soldering some through hole LEDs vs SMD assembly of a second PCB.  Using an actively connected PCB for the front panel can certainly give you additional design options like capacitive touch buttons or better shielding.
« Last Edit: November 04, 2022, 12:34:53 pm by Kean »
 

Online VEGETATopic starter

  • Super Contributor
  • ***
  • Posts: 2012
  • Country: jo
  • I am the cult of personality
    • Thundertronics
Re: How to mount LED in a product front panel
« Reply #10 on: November 04, 2022, 12:56:40 pm »
as for reverse mount LEDs... can't I just use a ribbon cable with good enough length then after soldering either bend it to place or loctite it?

what type of connectors and cables are u suggesting?

Offline sokoloff

  • Super Contributor
  • ***
  • Posts: 1799
  • Country: us
Re: How to mount LED in a product front panel
« Reply #11 on: November 04, 2022, 01:13:46 pm »
You could also consider something like spring contacts to electrically connect the boards and using the backside of the panel PCB to have traces and hold the resistor and LED.
 

Online Kean

  • Supporter
  • ****
  • Posts: 2306
  • Country: au
  • Embedded systems & IT consultant
    • Kean Electronics
Re: How to mount LED in a product front panel
« Reply #12 on: November 04, 2022, 02:32:06 pm »
as for reverse mount LEDs... can't I just use a ribbon cable with good enough length then after soldering either bend it to place or loctite it?

what type of connectors and cables are u suggesting?

Of course you can use ribbon cable, but that would be an extra assembly task and time consuming.  Is this a one off, or a production design?

If I was designing it, I would be adding an SMD connector to the main PCB, and SMD pins to the rear of the front panel.  Obviously they need to be properly aligned just like the mounting holes.

Something like these (Harwin just as a quick example with pics, GCT, Samtec, etc are some other supplier options)
https://www.harwin.com/products/M20-7810345/
https://www.harwin.com/products/M20-8750342/

You can get different height mating connectors to suit the required distance between the PCBs.
 

Online VEGETATopic starter

  • Super Contributor
  • ***
  • Posts: 2012
  • Country: jo
  • I am the cult of personality
    • Thundertronics
Re: How to mount LED in a product front panel
« Reply #13 on: November 04, 2022, 02:39:08 pm »
as for reverse mount LEDs... can't I just use a ribbon cable with good enough length then after soldering either bend it to place or loctite it?

what type of connectors and cables are u suggesting?

Of course you can use ribbon cable, but that would be an extra assembly task and time consuming.  Is this a one off, or a production design?

If I was designing it, I would be adding an SMD connector to the main PCB, and SMD pins to the rear of the front panel.  Obviously they need to be properly aligned just like the mounting holes.

Something like these (Harwin just as a quick example with pics, GCT, Samtec, etc are some other supplier options)
https://www.harwin.com/products/M20-7810345/
https://www.harwin.com/products/M20-8750342/

You can get different height mating connectors to suit the required distance between the PCBs.

your suggestion is nice and can do the job for sure, not so expensive too.

however, the design will have stand-offs and can also get rubber feet. now how to match the lengths of all those?? not easy.

the design is still in, well, designing phase. but for sure going to be production one day.

Online Kean

  • Supporter
  • ****
  • Posts: 2306
  • Country: au
  • Embedded systems & IT consultant
    • Kean Electronics
Re: How to mount LED in a product front panel
« Reply #14 on: November 04, 2022, 02:53:45 pm »
Those example Harwin parts are 3.75mm tall for the female connector, and 9.9mm tall for the male header.
So those would suit 10mm or 11mm standoffs between the two PCBs, but versions of the male header can be found in a wide variety of lengths or even custom ordered if you have large enough requirements.

That female connector also supports top or bottom entry, so you can have holes beneath the connector and let slightly longer header pins poke through to the other side of the PCB, or even mount the female connector on the back side of the lower PCB if that suits the design requirements better.

There are heaps of other board-to-board connector choices depending on height, number of pins, and pitch/density requirements - but these types of 0.1" pitch are very common and cheap.  And most importantly they are available in a huge range of pin count and heights/lengths.
 

Offline AndyBeez

  • Frequent Contributor
  • **
  • Posts: 858
  • Country: nu
Re: How to mount LED in a product front panel
« Reply #15 on: November 04, 2022, 03:29:46 pm »
So how and where are you having the front panel designed and manufactured?
 

Online VEGETATopic starter

  • Super Contributor
  • ***
  • Posts: 2012
  • Country: jo
  • I am the cult of personality
    • Thundertronics
Re: How to mount LED in a product front panel
« Reply #16 on: November 04, 2022, 03:35:57 pm »
So how and where are you having the front panel designed and manufactured?

well right now i am about to have another design (dreamcast power supply) delivered to me so I can test it and so on... once I wrap this up then I will try to dig into this design we are speaking of.

PCBs are made by PCBway, another option would be AllPCB. not going for others for price of course.

both have Matte Black PCBs so that is fine. as for the main PCB it could be just regular black or even make the bottom PCB panel the main PCB if possible. I just need to put some rubber feet if you know any good and cheap ones.

so the standoff should connect all these PCBs down to the rubber feet.

It is the first time I am doing something like this, and it is kinda not cheap to keep getting boards here due to customs and shipping.

Offline Jackster

  • Frequent Contributor
  • **
  • Posts: 487
  • Country: gb
    • PCBA.UK
Re: How to mount LED in a product front panel
« Reply #17 on: November 04, 2022, 04:37:19 pm »
+1 for SMD LEDs with light pipes. Especially if your board is already 100% SMD. Don't want to add another process to your BOM (if this is a production run product).

That and they look nice and keep crap from getting into the housing. Easier to assemble the product too.

Online VEGETATopic starter

  • Super Contributor
  • ***
  • Posts: 2012
  • Country: jo
  • I am the cult of personality
    • Thundertronics
Re: How to mount LED in a product front panel
« Reply #18 on: November 04, 2022, 04:59:39 pm »
+1 for SMD LEDs with light pipes. Especially if your board is already 100% SMD. Don't want to add another process to your BOM (if this is a production run product).

That and they look nice and keep crap from getting into the housing. Easier to assemble the product too.


can you link to say a blue led with some 20mm light pipe? for reference. I assume they are installed by press fitting them right?



reverse leds seem nice too, but i thought of using those suggested smt board to board connectors not just for the led signals... but for mounting the PCBs together instead of standoffs.

like getting the appropriate female connectors with male pins, then put 4 of each corner plus 3 distributed in the middle for more sturdiness. anyone ever done that?

Offline thm_w

  • Super Contributor
  • ***
  • Posts: 7223
  • Country: ca
  • Non-expert
Re: How to mount LED in a product front panel
« Reply #19 on: November 04, 2022, 09:26:44 pm »
I've seen plastic spacers used to get the LED at exactly the correct height. Search for LED spacer/standoff or LED lamp holder.

Tons available. I think its a viable option: https://www.lcsc.com/products/Photoelectric-Accessories_958.html
But if you don't want to hand solder a few boards, SMD option also good. Can either get board mount, or one that presses/clips into the panel (would look nicer).

https://www.aliexpress.us/item/2251832782960596.html
Profile -> Modify profile -> Look and Layout ->  Don't show users' signatures
 

Offline Jackster

  • Frequent Contributor
  • **
  • Posts: 487
  • Country: gb
    • PCBA.UK
Re: How to mount LED in a product front panel
« Reply #20 on: November 04, 2022, 09:39:07 pm »
+1 for SMD LEDs with light pipes. Especially if your board is already 100% SMD. Don't want to add another process to your BOM (if this is a production run product).

That and they look nice and keep crap from getting into the housing. Easier to assemble the product too.


can you link to say a blue led with some 20mm light pipe? for reference. I assume they are installed by press fitting them right?



reverse leds seem nice too, but i thought of using those suggested smt board to board connectors not just for the led signals... but for mounting the PCBs together instead of standoffs.

like getting the appropriate female connectors with male pins, then put 4 of each corner plus 3 distributed in the middle for more sturdiness. anyone ever done that?

I got mine from VCC.
https://vcclite.com/product-category/lightpipes/panelmountlinearlightpipes/
Digikey has them all. Sadly they are in freedom units but you should manage to find something close.
There are other brands that make them in metric.
My light pipes end up being about 1mm away from the LEDs which is ideal.

Yes they are press fit. I use hot glue on the other side though as my product gets abused. They sell little rubber things to go on the inside but I don't rate them.



As for the LEDs I used, I picked them based on stock availability at the time. Wanted a full reel so that limited my selection in 2020.
Any in the 0406-0603 range will do with 3-4mm light pipes.


Reverse LEDs can be nice but you get crap in the hole and the LED gets blocked... As someone else suggested, get the PCB host to route most the way through the FR4 and use the last layer as a defuser. If done right, it looks nice. But not very bright. Good luck with that in daylight.

Online VEGETATopic starter

  • Super Contributor
  • ***
  • Posts: 2012
  • Country: jo
  • I am the cult of personality
    • Thundertronics
Re: How to mount LED in a product front panel
« Reply #21 on: November 04, 2022, 10:51:09 pm »
sticking light pipes is another problem as well.

by reverse leds i meant those which can stick out to be flush with the board. so I can dig a hole in pcb to fit it.

Offline SiliconWizard

  • Super Contributor
  • ***
  • Posts: 15432
  • Country: fr
Re: How to mount LED in a product front panel
« Reply #22 on: November 05, 2022, 08:07:37 pm »
Benefits of using SMD LEDs and light pipes, beyond making it cheaper/easier for production, is that they make it easier for waterproofing (or just dust protection), and they also avoid any direct mechanical coupling between the front panel and the PCB, which is way better in terms of long-term reliability.

One alternative of course if you still prefer TH LEDs for any reason, is to mount them on a separate PCB which will be mounted close to the panel, and connect this PCB to the main PCB via a cable. Makes it easier for production and avoids directly mechanical coupling, at least to the main PCB. A bit more expensive, although a small LED PCB would be dead cheap in any kind of quantities.
« Last Edit: November 05, 2022, 08:11:34 pm by SiliconWizard »
 

Online VEGETATopic starter

  • Super Contributor
  • ***
  • Posts: 2012
  • Country: jo
  • I am the cult of personality
    • Thundertronics
Re: How to mount LED in a product front panel
« Reply #23 on: November 05, 2022, 08:28:54 pm »
Benefits of using SMD LEDs and light pipes, beyond making it cheaper/easier for production, is that they make it easier for waterproofing (or just dust protection), and they also avoid any direct mechanical coupling between the front panel and the PCB, which is way better in terms of long-term reliability.

One alternative of course if you still prefer TH LEDs for any reason, is to mount them on a separate PCB which will be mounted close to the panel, and connect this PCB to the main PCB via a cable. Makes it easier for production and avoids directly mechanical coupling, at least to the main PCB. A bit more expensive, although a small LED PCB would be dead cheap in any kind of quantities.

ok, so light pipes are mounted on top of smt led (what size?) using pressing right?

I saw this one for example: https://www.digikey.com/en/products/detail/bivar-inc/VLP-600-R/4926905

so I need to make 3.1mm cut in the top pcb to fit this one... and on main pcb i need to do some cuts to press fit it? its 2 legs are 0.6mm of size, meaning 0.7mm holes?

how can i couple the smt led with the light pipe though? to make sure light travels good and the pressing is very firm.

and as a comparison, what kind of pricing between smt LED on main pcb + light pipe vs reverse mounted led on top pcb with smt board to board connectors? this is going to be a tough comparison i believe. i hope someone who tried them both to say his opinion and experience.

and there is this "flexible" one too: https://www.digikey.com/en/products/detail/bivar-inc/LC-1-0/3091462

but i guess the flexible one suits crammed designs where you need to route the pipe somewhere on another level, like from main pcb to a side panel.


Quick comparison for 100 boards:

Board to board connectors mentioned above + reverse LEDs = about 180$.
SMT LEDs + light pipe I mentioned = about 160$.

is this ok or am i missing something?

Offline ataradov

  • Super Contributor
  • ***
  • Posts: 11780
  • Country: us
    • Personal site
Re: How to mount LED in a product front panel
« Reply #24 on: November 05, 2022, 08:37:15 pm »
Light pipes are mechanically mounted to the case and on the PCB side they just hover over the LED. That's the whole advantage - you do mechanical stuff separately from electrical stuff. Minor inaccuracies in LED positioning or board mount within the device won't matter.

The specific one you link has alignment pins that would need alignment holes in the PCB. This is not how this is usually done. But I guess if you are working with off the shelf components, you have to deal with whatever you can get.

And the description says "press fit", so I guess you are supposed to undersize the holes. But this does not sound interesting to me, I don't see how this is useful in any way. You will have more control with a through hole LED with a spacer. It makes more sense to me mechanically.
« Last Edit: November 05, 2022, 08:42:23 pm by ataradov »
Alex
 
The following users thanked this post: SiliconWizard


Share me

Digg  Facebook  SlashDot  Delicious  Technorati  Twitter  Google  Yahoo
Smf