Custom Map Widget With Zone Marker In Cumulocity - cumulocity

I would like to implement a custom map widget/plugin which will showcase specific zones with color.
Now using out of the box map widget it is not possible to achieve the same in cumulocity. Is there any way I can do the same using custom development?

Yes, you can easily create a custom widget using the guide for angularjs or angular. Try to use the Angular SDK!
"showcase specific zones with color" -> I recommend you use a library for the map. In angularjs we use ngmap with nice results (as you can see), but there are many of them. For the zones you can create managedobjects in the inventory with a specific type like "customZone" and then use them to show the zone on the map.
Hope this helps

Related

How to set dynamic options from API response in fluent ui react Dropdown control?

I have encountered a situation where I need to display a Dropdown and want the options to dynamically fetch from an API and load on clicking the caret (maybe show a loader by the time the API response comes through). The experience I am looking for is something in the following lines -
Loading (fetching options from API)
Display options after successful response
The documentation didn't give any API surface through which this can be possible.
Is it possible to achieve this with the current APIs that are in place for this control component?
Good point to start is to use BasePicker Component from Pickers.
import { BasePicker } from 'office-ui-fabric-react/lib/Pickers'
Inside BasePicker you have a methods which you can use to make a "lazy" behavior. For example, when you click on component then make a call to API and populate items list.
What is inside BasePicker take a look here or from official documentation.
Codepen example

Revolution slider with php (laravel)

I want to use Revolution Slider within my html template.
Main issue is I have no any idea how to integrate it to my database and PHP codes.
Can anybody help me?
The core concept of visual editor is to use it as standalone slider builder tool which spits out a full html code with all links, markups etc without the needs to understand html/css/slider functions at all for your sliders. And have ability to export it in html or include it using php functions.
Full integration include user authorization, fixing possible code conflicts, other possible caveats.
The most easiest way to integrate is to add an option to specify slider alias and pass it to render functions. And keep editor as separate application.
If you add more details about how exactly you want to integrate it i would try to give you better answer.

Sensenet: Pagination on Document Library

It is possible to define pagination on document library?
I have a document library with more that 10000 documents... when I open the library occurs an timeout.
Actually SenseNet already does this! They just don't deliver it in the standard list control. If you open up the PRC and navigate to /Root/IMS/BuiltIn/Portal you'll see a list control with paging. The code can be found at /Root/Global/renderers/UserExploreGrid.ascx as User Control portlet. You can copy the code and change it to meet your needs.
Our company prefers to create User Control portlets and use Datatables with calls to the SenseNet OData API using skip and top to deliver pages.
Finally, given that SenseNet Content is stored as a tree structure (in SQL!), you can move the Content after creation so that data is organized hierarchically. A common solution is to take the first letter of the DisplayName and create a sub-folder from that letter, thereby reducing the number of items at a single node.
Here's what the paging looks like:
The short answer is no. Right now there isn't a built in functionality for that.
The long answer is that you can make a pagination yourself. One of the core member of sensenet made a grid where you can use pagination. It won't work with the current free to use releases because they lack the js files she used. But the idea behind it, is using a custom view. Which you can achieve by adding a system folder named Views under a the Document library and adding your custom view there.
You can use this grid for Explore, just follow these steps:
Go to the Explore action page, and switch editor mode on the PRC.
Place a ClientContext portlet (this can find under the Portlets->Application section in the portlet picker dialog) to the Wide column. Set portlet (client context porlet) properties, Apparance to None. It is a technical portlet, which allow get the CurrentContext in javascript. This is a very important element to work with this grid. The Grid use the client context.
Place a UserControlPortlet (In the portlet picker, Portlets->Application section) to the Wide Column.
Set portlet properties:
4.1. Portlet title: <%$ Resources: PortletTitles, Items%>
4.2. User Control path: /Root/Global/renderers/UserExploreGrid.ascx
Checkin Page modification on the PRC.
Enjoy your pageable explore portlet.
Keep in mind that this grid is specifically designed for users, so they will miss actions in the top menu. These must be handwritten. Then I suggest you copy the UserControl ( /Root/Global/renderers/UserExploreGrid.ascx)
and then put the action list on it . You can read more info about action list here: http://wiki.sensenet.com/ActionList
Br,
maros

Creating an interactive events scheduler

I'm attempting to create something with a similar layout to this schedule page.
See attached screenshot also.
.
So what I need is:
- "Categories" across the top of the scheduler (Vertical dividers).
- "Timeslots (07:00 07:30, etc..)" down the left of the scheduler.
User's can then add events via modal screens and assign them "Timeslots" and "Categories".
They should then appear in the Schedule in the appropriate locations.
The above mentioned example appears to be using Dojo.
I found this calendar widget but am unsure of how to get it to represent "Categories" across the top when using the "Day" view.
Is this possible with the dojo calendar widget? (I've never worked with Dojo before)
Any suggestions as to other frameworks or example's that would provide me with this functionality would be very welcome also.
I've looked at JQuery's fullCalendar plugin and it doesn't seem to provide this functionality (Would be great if someone could prove me wrong!).
After looking at Dojo's widget documentation I think the Sub-Column display is what you are looking for. So each Calendar in this case will represent a category. http://livedocs.dojotoolkit.org/dojox/calendar#sub-columns.
I don't think FullCalendar is capable of the category layout, but I think its cool enough to request: http://arshaw.com/fullcalendar/wiki/Request-a-Feature/
Hope that helps!

Google Maps custom marker - can the iframe accept one like the static maps?

I was reading the static maps API, and it says you can include a custom marker in the GET params. You simply link to an image file.
I now have a second Google Map within an iframe, and was wondering if you can attach custom markers via the GET params to it? Here is the src attribute of the iframe currently.
http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=111+Fake+Street+Noosaville+Queensland+Australia&ie=UTF8&output=embed
I can't seem to find the documentation on how to do this, if possible.
Is this possible?
As far as I know you cannot add custom marker icons on maps.google.com, but you should be able to add a marker with a custom label.
You may also be interested in checking out the following reference, which describes all the known parameters that can be passed to maps.google.com:
Mapki: Google Map Parameters
While this is not an official API, I think it is fair to say that these should be quite reliable, since they are the same parameters used for the permanent links in Google Maps.
On the other hand, you may want to consider using the Google Maps API instead. You will get all the capabilities you had with the Static Maps API (and more), and it will look pretty much the same as the iframe you are using right now.