+ Start a Discussion
cedgcedg 

default datepicker displayed on page ?

Hi, 

I just created a new page in my app (by copying the structure of another page), and for some reason a datepicker without css appears at the end of the page.

When looking in the source, this datepicker is after the </apex:form>.

 

Does anybody know why this datepicker appears ?

 

Thanks for your help

Best Answer chosen by Admin (Salesforce Developers) 
bob_buzzardbob_buzzard

As you have the showheader=false attribute in your page, this stops the standard style sheets being included, which stops the datepicker being hidden.

 

If you set the attribute standardstylesheets="true", it should start behaving again.  Of course if you have done this intentionally to use your own styles you may have to hide this yourself.

All Answers

yashagarwalyashagarwal

you might be using an input field at after the </apex:form> tag . it would be easier to help if you can paste your code here.

cedgcedg

there is only the Google Analytics tag and the </apex:page> after the end of the form.

Here is the code 

<apex:page sidebar="false" showheader="false" controller="Move_North">
<head>
    <apex:stylesheet value="{!URLFOR($Resource.MoveNorthCSS, '_css/content.css')}"/>
    <apex:stylesheet value="{!URLFOR($Resource.MoveNorthCSS, '_css/style.css')}"/>
    <title>Let's Choose</title>
</head>
<apex:form id="theForm">
    <div id="wrapper">
        <div class='box-stepped homewizard'>
            <ol class="box-stepped-steps">
                <li><a href=""><strong class="numbering-blue">1</strong>{!labels.Header1__c}</a></li>
                <apex:outputText escape="false" rendered="{!ShowMobilityPage}">
                    <li><a href=""><strong class="numbering-blue">2</strong>{!labels.Header2__c}</a></li>
                </apex:outputText>
                <li class="step-active"><a href=""><strong class="numbering-blue">{!IF(ShowMobilityPage=true,'3','2')}</strong>{!labels.Header3__c}</a></li>
                <li><a href=""><strong class="numbering-blue">{!IF(ShowMobilityPage=true,'4','3')}</strong>{!labels.Header4__c}</a></li>
            </ol>
            <div class="box-stepped-step box-stepped-step-lessbottom" >
            <div style="float:right"><a href="{!IF(ad.empl.Employee_Subgroup__c='Employee',ad.var.UrlHelpFileNotExempt__c,ad.var.UrlHelpFileExempt__c)}_{!ad.empl.language__c}.{!ad.var.UrlHelpFileExtension__c}" target="_blank">{!labels.InfoHelpLinkLabel__c}</a></div>
            <div style="clear:both"></div>

                <div id="highlight-block">
                    <p class="info">
                       <apex:outputText value="{!labels.Confirm__c}" rendered="{!NOT(ad.PlanSaved)}"/>
                       <apex:outputText value="{!labels.Last__c}" rendered="{!ad.PlanSaved}"/>
                    </p>
                </div>
                
                <apex:outputPanel rendered="{!NOT(ad.PlanSaved)}">
                    <H2>
                        {!labels.ConfirmHeader__c}
                    </H2>
                </apex:outputPanel>             
                
                <apex:outputPanel rendered="true" layout="block" styleClass="myFormBudgetFieldset" style="width:440px;margin-left:auto;margin-right:auto;">
                    <BR/>
                    <!--></fieldset></-->
                </apex:outputPanel>

            
                <div id="pagination">
                    <apex:outputText escape="false">
                        <apex:commandLink id="previous" action="{!More_Info_goPrevious}" value="{!labels.ButtonPrev__c}" styleClass="myPreviousButton"/>
                        <apex:commandLink id="confirm" action="{!More_Info_goNext}" value="{!labels.ButtonConfirm__c}" styleClass="myNextButton"/>
                    </apex:outputText>
                </div><!-- end "pagination" -->


            </div><!-- end "box-stepped-steps" -->
        </div><!-- end "box-stepped homewizard" -->
    </div><!-- end "wrapper" -->
</apex:form>
<site:googleAnalyticsTracking />
</apex:page>

 

bob_buzzardbob_buzzard

As you have the showheader=false attribute in your page, this stops the standard style sheets being included, which stops the datepicker being hidden.

 

If you set the attribute standardstylesheets="true", it should start behaving again.  Of course if you have done this intentionally to use your own styles you may have to hide this yourself.

This was selected as the best answer
cedgcedg

Indeed, I set the attribute standardstylesheets to true, and it's ok now.

Thanks for your help Bob.