the function do this: Dates outside of the valid range will be grayed-out. The user will not be able to drag or resize events into these areas.
however, the event inside the grey out area will disappear. is that a way to keep showing the event in these areas?
Related
I need a Bot that can click on a specific button after finding a predetermined color.
For example: I have a area 100x100 px with some random colors that changes very fast on the left side and I have a button on the right side. I need that the Bot to detect when that specified color shows up, to click on that button and the process to repeat every time the color appears until I end the process Image. I need to be able to set the position where the Bot to search for color and to set the clicking area. Can I get some help?
I am creating a Flex Panel, which has an image on it. I have set the "buttonMode" and "useHandCursor" property of the image to true. So, whenever I do a mouse over, the cursor changes into a hand tool. I am able to set the mouse-down, mouse-up, mouse-move events on it. But, I see that the mouse-move events only get triggered when I move the mouse inside my Flex panel. I also want to capture the mouse-move event when user moves the mouse outside the Flex panel.
For eg, when user clicks on the image in Flex panel and then drags the mouse(while mouse down) outside the Flex panel, I want to get the current position of mouse while user is dragging the mouse.
Is there any way to get the mouse position outside the Flex panel??
Thanks!
The solution for this is "Mouse-Move" event only.
I need to do the following:
1. Capture mouse-down event on the image.
2. Register for mouse-move and mouse-up event inside the mouse-down event.
3. Inside the mouse-move event get the position of cursor.
4. Inside the mouse-up event unregister mouse-move event.
I assume I need to override the mouse over and mouse off event so that they don't do anything and then trigger the mouse over event for each column on the graph.
Anybody got any suggestions?
What you are looking for is the property showAllDataTips for the chart to true.
This will force all the available dataTips on the chart to become visible.
I guess this should do what you are trying to get done.
The mouseover event for the graph seems a long shot but its still feasible incase you want to show data tips on some kind of interaction.
But I would suggest on mouse rollover , change showAddDataTips= true and on rollOut showAllDataTips=false .
That should do the trick.
You probably want to use data labels:
By default, BarSeries, ColumnSeries, and PieSeries objects do not
display data labels.
To enable data labels on BarSeries and
ColumnSeries objects, set the value of the labelPosition property
to inside or outside.
To enabled data labels on PieSeries, set the value of the
labelPosition property to inside, outside, callout, or
insideWithCallout.
Cheers!
I have set up my fullcalendar to display a mixture of 1 day events (shown in one color) and week-long events(shown in diff color). I wanted to improve the visibility of events as it can get confusing with lots of overlapping events, so i set it up so that an event is highlighted with yellow border on mouseover.
This all works ok, except when i have an event that spans over a weekend - ie. starts on wednesday, ends on following wednesday - on mouseover the event is only highlighted for the current week - the portion of the event that falls after the weekend, is not highlighted,
any help would be greatly appreciated !
Ok,
I got this working.
fullcalendar.js generates a unique id for each event -> event._id (_fc1, _fc2...etc)
Each event is represented by an anchor tag (). An event that spans over a weekend is represented by 2 anchor tags. The unique id for each event is not outputted in the html by fullcalendar.js so it is impossible to see which anchors are associated with which events.
I made a small change to fullcalendar.js which adds the unique id of each event to the anchor being generated (as an additional css class name)
This means that all anchor tags associated with an event can be selected in the mouseover event using the JQuery class selector.
eventMouseover: function (event, jsEvent, view) {
$("." + event._id).each(function (index) {
$(this).css('border-color', 'yellow');
});
},
works for me !
There could be a better way, but I found a way that does not touch the source:
Add a unique css class for each event.
When rendering, even if the event stretches across weekends, the class is applied to all segments.
When user clicks an event:
$("." + calEvent.className).addClass('red');
Side note: When you drag an event, the other segments, belonging to the same event, are hidden, so fullCalendar is aware of the other segments, but I have not found a way to access them through the API.
I have a single series bar chart created programmatically in codebehind which I would like to display the Y point value (somewhere above the bar, or maybe as a tooltip) when the user hovers their mouse over a bar.
Is there a native onmouseover event for the bars of the chart, or is it something that should be added through series.MapAreaAttributes?
Thanks!
Edit
After some experimenting I've found the points.tooltip attribute which I can add at the same time I add the point which will do what I want it to do, but it would still be nice to know if you can capture events for the bars, just for future reference.
From Show all series' values in stacked bars mouseover (ASP.NET CHART)
series.MapAreaAttributes = "onmouseover=""showTooltip('#VALY');"""
Where your showTooltip function would do as you required.