We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Not rendering datepicker

Thread ID:

Created:

Updated:

Platform:

Replies:

118314 Feb 24,2015 07:08 PM UTC Feb 25,2015 12:53 PM UTC LightSwitch HTML 2
loading
Tags: DateTimePicker
John Granade
Asked On February 24, 2015 07:08 PM UTC

I've added a EJControl DatePicker to a screen with bound data.  After adding the .cs and .js references, it does populate with text but there is no picker.  I downloaded the "latest" from CDN and then added them locally to my project.  Everything checks out as far as the files being their...they show up via intelisense when typing and to triple check, I hit the URL for each and they come up.  Below is a screen shot of what's happening.  The first 2 are EJControls.Datapicker.  The PaidOn uses the default LS DatePicker.  This shot is of a new entry but if I edit, it does populate with the data but it's just text, no picker control.  What am I missing?


This is in the head:

<!-- Dependent CSS for Essential JavaScript Components -->

<link rel='nofollow' href="Content/ej/ej.web.all-latest.min.css" rel="stylesheet" />

This is in the body

<!-- Dependent Scripts for Essential JavaScript Components -->

<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/globalize.min.js"></script>
<script src="Scripts/jquery.easing.min.js"></script>
<script src="Scripts/ej/ej.web.all.min.js"></script>
<script src="Scripts/ej/ej.web.all-latest.min.js"></script>

The _render code is the default:

myapp.AddEditMembership.StartDate_render = function (element, contentItem) {
    var input= $('<input />');
    input.attr('id', 'StartDate');
    input.attr('data-role', 'none');
    input.appendTo($(element));
    input.ejDatePicker({
        change: function (args) { contentItem.value = args.value;} });
    contentItem.dataBind('value', function (value) {
        input.ejDatePicker({ value: value })  });
};


Thanks,


John


John Granade
Replied On February 24, 2015 10:20 PM UTC

I figured it out.  That first css needs to be in a subfolder (i.e. flat-azure-dark) as it imports ej.widgets.core.css by coming up a folder (i.e. "../").

John

Sasikala Nagarajan [Syncfusion]
Replied On February 25, 2015 12:53 PM UTC

Hi John,
 
Thanks for using Syncfusion Products,
Yes to resolve the reported issue we need to maintain the css folder structure properly as you have stated.
Please let us know if you have further queries.
 
Regards,
 
Sasikala Nagarajan



CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;