finding the correct css element name

#1

I am using the debug tools to find the css element names for the parameter controls. Thanks, to the folks on this forum and the Dundas articles for that tip. This has worked well for the hierarchy member control and the dropdown list component. But I cannot find the correct element for the calendar range control, for the input field.


I have it down to this '.dateTimePicker', in the '.parameterRangeDateTimeWrapper' element. But this css code in an html label is not effecting the object.


<style>

.dateTimePicker
{
background-color: #19273c;
}
</style>


Does anyone know the correct element name I should be using ?

#2

The element you are looking for is the inner wrapper:

.parameterRangeCalendarInnerWrapper

which sets to the default grey.

#3

That is close, but the wrong control. I used the wrong object name in my original post. I am needing it for the Date range control. Here is a screen shot of the issue that I am having.

Image title
rNCVSuOhQoO7OhHwlTM5_Screen%20Shot%202017-12-12%20at%203.06.35%20PM.png1252×141


#4

Range Date uses an <input>, so you will have to target it a bit differently. Something like:

.parameterRangeDateTimeWrapper .parameterControl-fieldsetInput input {
}

#5

Thanks Elia, it was the last 'input' in the string that I was missing. Working fine now.