iCal-like calendars jQuery - javascript

Does anyone know a calendar that has a big size as in the link : http://www.htmldrive.net/items/demo/568/astonishing-iCal-like-calendars-with-jQuery
Because I don't want build a calendar like this demo, I just want to use it.
I tried to use other calendars as JScal but it is small.
Thank you


What exactly is your UI requirement? For example, I'd consider the following calendar "big":
http://arshaw.com/fullcalendar/
And you can probably customize the layout to fit your needs. If you require more than that, you should "refine" your requirements :)


if you are using JQuery then you can use following code to increase size
${'div.ui-datepicker').css({ font-size:10px; });
here 'div.ui-datepicker' is datepicker instance, you need to change it according to your code.

Related

how to make same chart with lightweight chart with javascript

I am use https://github.com/tradingview/lightweight-charts javascript package.
As you can see in the picture, orders are shown in green boxes on the bitmex exchange. I want to learn how I can do this in my own table. I could not find a similar example in the document. Can you help me ?

I'm afraid it couldn't be done with lightweight-charts. If you'd like to add them and want to use TradingView's charts, I'd suggest you take charting library instead.

Re-arrangeable, Draggable , Sortable divs within grid

So think if a dashboard view, which contains different divs for lets say text blocks. I want the client(user) to be able to rearrange them in a X by Y grid system.
I have an idea about how to achieve this, but I am mainly looking for a library or a specific framework that can do this. Is anyone aware of any built solution?
I dont care about css framework bootstrap etc I can use any of them.

I think React JS is well suited for this.
Link to get started with sorting: http://webcloud.se/sortable-list-component-react-js/
Link to get started with dragging:
https://github.com/mzabriskie/react-draggable
UPDATE:
This seems to be exactly what you're looking for: https://github.com/STRML/react-grid-layout

Something like this?
jQuery Sortable UI:
https://jqueryui.com/resources/demos/sortable/display-grid.html

Apart from the great and quick answer from Turk. There are more options such as http://packery.metafizzy.co and http://gridster.net

How to make a range selector?

I want to us a range selector with two dependent input and a chart in my website , exactly like this one in Google page for Company Distribution.
https://www.google.com/finance#stockscreener
but I don't want to write it from the scratch by myself.
Is there a good library for it? I want to make exactly similar to that.

You can use this plugin - JRange. It is in github and is easy to use.

fullpage.js jQuery UI elements

I'd like to strip down jquery UI to the bare minimum required for fullpage.Js. Can you please tell me exactly which parts of jQuery UI are necessary for operation? All of this is in jQuery UI:
* Includes: jquery.ui.core.js, jquery.ui.widget.js, jquery.ui.mouse.js, jquery.ui.position.js, jquery.ui.accordion.js, jquery.ui.autocomplete.js, jquery.ui.button.js, jquery.ui.datepicker.js, jquery.ui.dialog.js, jquery.ui.draggable.js, jquery.ui.droppable.js, jquery.ui.effect.js, jquery.ui.effect-blind.js, jquery.ui.effect-bounce.js, jquery.ui.effect-clip.js, jquery.ui.effect-drop.js, jquery.ui.effect-explode.js, jquery.ui.effect-fade.js, jquery.ui.effect-fold.js, jquery.ui.effect-highlight.js, jquery.ui.effect-pulsate.js, jquery.ui.effect-scale.js, jquery.ui.effect-shake.js, jquery.ui.effect-slide.js, jquery.ui.effect-transfer.js, jquery.ui.menu.js, jquery.ui.progressbar.js, jquery.ui.resizable.js, jquery.ui.selectable.js, jquery.ui.slider.js, jquery.ui.sortable.js, jquery.ui.spinner.js, jquery.ui.tabs.js, jquery.ui.tooltip.js
That's a lot, and I'd like to reduce the size.
Thanks so much!

You don't need to include jQuery UI at all. After a casual glance at the code (and documentation), it appears the default easing function (easeInQuart) is the only thing using jQuery UI.
https://github.com/alvarotrigo/fullPage.js#usage
Set the easing option to linear or swing to use jQuery's default easing.

Well, what a question. If you want to minimize to only what you use, I suggest you roll-your-own file at: http://jqueryui.com/download/
You can choose specifically which pieces of the jQuery UI you want to include in your file and get it in regular and minimized versions.
Where fullpage.js does not specify what they use or not, you may have a bit of trial and error to see what you can drop out. I would guess they use quite a few of the animations.

What's the best jQuery clockpick plugin?

I need a clockpicker. I would like a jQuery plugin because I use this library in my application. I need any plugin that might be for minute selections. It shouldn't be only for defined ranges. If anyone knows a clockpick with these features, I thank you.
Please help me, I have a very good plugin for other cases, but for defined ranges of hours, I would like an analog clock, if it's possible.

While not an analog clock, I've found Trent Richardson' Timepicker addon to JQuery UI datepicker excellent.
It allows you to filter time range and set steps as well in the picking. You can use it standalone just to select a time or with datepicker to give a combined solution. Give it a shot.
Here are some demos of ways to use it as well.

how about TimeEntry plugin.
http://keith-wood.name/timeEntry.html
it's very good one. i use for my apps and works great.

Categories

Resources