Dropdown customization

[Vitalikssssss]

Hi there,

I would appreciate if someone could help me modifying styles of a dropdown on inline insert functionality of Tabular Report Datapage.

I have a Cascading dropdown "EMAIL" where I would like to assign a special font and add a bottom border for each option.

The challenge I am facing is that I have other dropdowns on this Datapage and I would like them to preserve default styling.

Thanks,

vitalikssssss  

[George43]

You should Add Event Listener on that particular Input and apply style to all child Nodes

<script type="text/javascript">
    document.addEventListener('DataPageReady', function(event) {
        document.querySelectorAll("[name~='InlineAddemail']")[0].addEventListener('click', function(){
            if(document.querySelectorAll('.Ctnr')[0]){
                document.getElementsByClassName('DropBox')[0].style.setProperty('width', '350px');
                document.querySelectorAll('.Option').forEach(function(elem){
                elem.style.setProperty('border-bottom', '1px solid black');
                elem.style.fontFamily = 'Lucida Console';
                });
            }
        });
    });
</script>

InlineAddemail is your Input name attribute. You can find it via chrome developer console.