MaterialShowcaseView rendered behind DialogFragment

Hey there, great Library so far but I have a problem wich im not able to fix myself. I have a custom DilaogFragment in my App and I’m trying to display a showcaseView on it, but it is always render behind the dialog window (the blue tint around the dialog view).

I tried to bring the view to the front using

MaterialShowcaseView materialShowcaseView = new MaterialShowcaseView.Builder(getActivity())
     {...}
materialShowcaseView.bringToFront();
materialShowcaseView.show(getActivity());

and executing the code in a .post(Runnable {}) method but it is still rendered behind the Dialog. Any ideas how I could possibly fix this?

My project is available at https://github.com/Power-Switch/PowerSwitch_Android and the specific classes I’m talking about are ConfigureReceiverDialog and ConfigureReceiverDialogPage1NameFragment

[androidddw]

Add three method for dialog and dialogfragment ,but the most important is use specific dialog style

[ahmadmssm]

@androidddw
Regarding the last screenshot you added, Is there any way to make the mask cover that lower part of the dialog too ?? I already set a custom style like your style but still no change