function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
RepsGRepsG 

Lookup Dialogue / Date picker issue

Hi Guys,

 

I am new to the world of html, CSS and Visualforce.

 

how can i change the stack order of datepicker and dialogue panels?

 

 

Anil SavaliyaAnil Savaliya

Hi,

 

What you have and what you need,Can you explaing little more please  ?
RepsGRepsG

I have an dialogue (popup) panel which is which is displayed on top of my main outputpanel. The css for the dialogue is

 

.Popup_OuterPanel_Panel_700
    {
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color : #00617E;
    z-index: 9000;
    right: 50%;
    padding: 10px;
    position: absolute ;
    width: 700px;
    margin-right: -35%;
    top:25px
    }

 

On the dialogue panel when I click on the inputfield of type date, the datepicker is displayed behind the dialogue panel. After my initial investigation I believe the issue is that the datepicker stack order is less then the stack order of my dialogue panel.

 

How do increase the stack-order of the Salesforce datepicker? Please remember I am new to CSS and Jquery, so if you can outline the actual step, i would be greatful.

 
Anil SavaliyaAnil Savaliya

Hi,

 

Tryto adding your datapicker inside apex:pageblock,It should work or change z-index also according to render pop up or down.

<apex:outputpanal styleclass="Your pop up css class">

<apex:pageblock>
</apex:pageblock>

</apex:outputpanal>
RepsGRepsG

Thansk for Andy,

 

I am not using pageblocks. I am using the tag inputfield within a table

 

<tr>

 <tdwidth="30%"class="FieldLabel"align="right">Date of Birth</td>

 <tdwidth="70%">

   <apex:inputfieldstyleclass="FieldOutput"value="{!Acc.Date_of_Birth__pc}"/>

 </td>

</tr>