Style your apex_lang.emit_language_selector_list

Style your apex_lang.emit_language_selector_list

If you have a translated app, starting with APEX 18.1, there’s a super simple way to display a language selector: apex_lang.emit_language_selector_list;

However, this is the default output:

I rather make it a bit prettier and get this:

To accomplish that, I had to add a line of JS and two CSS rules:

$(".a-LinksList-item").addClass("t-Button").addClass("t-Button--pill");

.a-LinksList--lang {text-align: center;}
a.a-LinksList-link {position: relative; z-index: 2;}

Hi, I'm Jorge Rimblas. Father, husband, photographer, Oraclenerd, Oracle APEX expert, Oracle ACE, coffee lover, car guy, gadget addict, etc... I'm a Senior APEX Consultant with Insum Solutions, a consulting firm specialized in Oracle databases and the APEX development tool. I have worked with Oracle since 1995 and done eBusiness Suite implementations and customizations. Nowadays I specialize almost exclusively in Oracle APEX.

2 Comments on “Style your apex_lang.emit_language_selector_list

I love comments, write me a line