How can I resolve Bootstrap Datetimepicker issue? - jquery-ui-datepicker

I am using bootstrap datetimepicker in my module. Bootstrap datetimepicker is automatically displaying current date and time in text box. How can I resolve this?

Do you have any Javascript on your page that looks like this?
$("#datepicker").datepicker("setDate", someDate);
$("#datepicker").datepicker('update');
If you removed that it should then show an empty textbox when your page loads

Related

After adding bootstrap to datatables colvis dropdown stopped working

i am working on a django project where i am using datatables, and i am trying to beautify it by using bootstrap. It works as expected colvis dropdowns show the columns without a problem but when i add bootstrap i can't see the columns to filter in dropdowns there is no explanation or errors on the console. I wonder if anyone had the same problem before and how did you solve it?
Thanks
Colvis dropdown image
I was using :
https://cdn.datatables.net/buttons/1.6.5/css/buttons.dataTables.min.css
and change it to :
https://cdn.datatables.net/buttons/1.7.0/css/buttons.bootstrap4.min.css
Problem is not a version problem it was a css problem.

How to hide suggestionView without having to delete characters in a RadAutoCompleteTextView using Nativescript Vue js

Currently when you start typing RadAutoCompleteTextView element using Nativescript Vue js the suggestionView Element is displayed. The only way to make the suggestionView to disappear is to delete each character in the field. I need to be able to make the suggestionView not display when i clear the RadAutoCompleteTextView field. Any help would be greatly appreciated
I was facing the same issue and I solved it with setting the suggestion view height to 1 on the textChanged event when the text doesn't exist in the items array

Replace Javascript with Bootstrap responsive slideshow

I'm trying to find a nice looking bootstrap slideshow that looks similar to this one: https://www.jssor.com/demos/simple-fade-slideshow.slider
I would use the one in the link but it's got way to much Javascript and doesn't respond properly when I change the size of my window. Any ideas how I could create this using Bootstrap, HTML and CSS only? So it still needs to be automatic as well.
Thank you
It’s the carousel you’re after, without knowing which version of bootstrap you’re on I cannot provide an example but you can find full examples for what you need in the bootstrap docs: https://getbootstrap.com/docs/4.1/components/carousel/

Display template for content search webpart issue for datatable and Tabs

I have developed display template and using it in Content search web part.
For displaying result on page i am using JQuery datatable/JQuery Tabs in display template.
Everything works fine, but sometime while loading page i am getting error like ("Object doesn't support property or method 'dataTable' (OnPostRender: )" and for tabs error is "Object doesn't support property or method 'tabs' (OnPostRender: )").
And if i refresh page many times then error will go and result is display as code.
I have register JQuery, JS and CSS using $includeScript.
I have also tried with RegisterSod for JQuery and JS file but still issue is same.
Thanks in Advance.
Can be:
This error usually occurs when an html element id has the same id as some variable in the javascript function, try change the name.
If you put the code I'll be able to help you better.
test = button.attr('test'); // Object doesnt support this method
$test= button.attr('test'); // works fine
Or debbug your code with and discover your problem. Enable script debugging IE:
In Internet Explorer, choose Internet Options from the Tools menu.
In the Internet Options dialog box, click the Advanced tab.
On the Advanced tab, under Browsing, clear Disable Script Debugging.
Click OK.
If you have IE 8+ click here
Tutorial Using jQuery dataTables: link here

save disabled on sitecore page editor

I'm been working with Sitecore for a while, but this is my first time on the page editor.
So, I go to my sublayout and I place a sitecore tag instead a .net tag
<sc:Text ID="txtContent" Field="Content" runat="server"/>
Content is the normal content field on the sitecore page.
When I go to the page editor, I'm able to see the correct content and do some editing but the save button is disabled and my changes are not saved at all
I'm I missing something very basic here?
this is a screen cast on what I'm doing
http://screencast.com/t/0itqgjGVQx8
Update: After including jquery.noconflict constructs, the execution moves to the handler function in the ribbon correctly. BUT it seems that the button itself is disabled. Is it possible to enable/disable the button? is it disable on specific situations? if so how can I enable it.
There might be invalid html appearing. Check you hints for buttons, etc. There might be non-escaped texts on the page.
I've resolve this some time ago... in the sublayout definition on sitecore there was a redundant/wrong compatible rendering definition. Once I removed that, the save button appeared and the sublayout started to work as expected