Currently I'm working on creating a view of displaying a entire school database in the form of a graphical view.
School;
Classes;
Teachers; and
Students
I display an Image for each of the above mentioned ones. I need a plugin/tool (freeware) to use to create the links between them.
My default view would be a School Image, either on click of Image / Zoom-In (Zoom-out) I want to display Classes.
When I select a click by clicking it or mouse over a particular class and zoom-in, I want to display the teachers and students.
Could some-one suggest me a tool that would help me do the same.
P.S. I've tried SpringGraph, but it lacks on a lot of features.
I would check out Flare. Check out the demo. I think you will be most interested in the Layouts section.
Another option would be the RaVis portion of the BirdEye project. The graphs it generates are pretty customizable (i.e. controlling the image used for each node), as seen in this demo. The default interactivity (double-click to navigate, information on mouse-over) is solid as well.
Check the "tour de flex"
http://www.adobe.com/devnet/flex/tourdeflex/
It's a big demo of what you can do with flex. Check the Data Visualisation part, it's contains some very nice exemple
But i doubs that you will find exactly what your are looking for, why not just code it.
A image for the scool.
a list of image for classes.
a list of teacher and student images for each classes.
OnClick + transition event
No ?
Related
I need to create a GUI that works similar to this:
So specifically:
I'd like to have a split screen where first on the left, i show a static list of locations... like local workspace and a sharepoint site.
and then depending on what they select on the left ... the right side of the page updates.
Can I use a grid for this? Or what's the best way? I just need some key words to google or youtube search. thank you!
Use a StackLayout (I think it will fit well to this case) and a Grid.
Inside this Grid, you can set 2 columns.
For columns (the static that you mentioned) you can put OR labels OR a ListView.
As you said: "depending on what they select on the left ... the right side of the page updates." It reminds me a Search Page, or... SearchBar!
This link will help you to create this SearchBar. The only thing that will change is the layout (put SearchBar on the left and the resultList on the right).
With this steps, you can customize and create something like in the photo.
If has any doubt, please, update your question with what you did and we will help you. Have fun.
great people from Stack!
I'm having some issues working with Full Calendar I would like to get some help with.
First of all, Full Calendar is an amazing tool. Everything I have had any doubt with has been solved in a breeze just by taking a look at the docs or googling five minutes. However, there is a problem I'm dealing with and can't find (I'm starting to suspect it is virtually impossible, or at least it is for me to imagine how to do it) the way to get it solved.
I'm implementing this library in a project which is meant to be something like an appointments manager, among other things. A (simple) functionality I wanted to add is to open a modal when a calendar cell (agenda week would be the main view) is clicked with a form, allowing to create an appointment for the selected cell. To improve usability, I thought it would be nice if the cells had some kind of hover effect, so that you can feel there is 'something' behind clicking this element. The thing is, the calendar is composed by something like 2 separated overlapping tables, one with rows and the other with columns, that form the grid. The modal system is done and working, dayClick made the trick. Any way to do anything similar to what I am talking about, the hover stuff? (my idea was to make some kind of (+) button appear when hovering, but anything would work.
Thank you!
Seth
Edit: I noticed there is a 'selectable' directive which, given only to the AgendaWeek view, allows me to select cells. The selection is made by the JS code, adding an element just above the cell, with its dimensions. Wouldn't it be any way to call this from hovering a cell instead of just clicking it? I wonder that highlight cell is rendered from the position of the mouse at the time of the click and wouldn't be very efficient to check that all the time...
Based on the design below, is it possible to create the map just using CSS? If so, how?
So as you can see, when you hover over a state the name will appear and change the color of the state. On clicking it will info below the map per state.
UPDATE 1:
Can it be done using absolute positioning, z-index and hover states on a button?
UPDATE 2:
With a slight tweak to the design, would it be possible to have a flat image for the map and plotting dot's on it for each state that would include a hover (using the same tab style as the image example)? Each dot being an image. Am I right in saying that the complication of the design is to highlight the right area when hovered? Therefore, just having a dot would solve it right?
I was interested in this too and found this example (USA) MAP if you look into the source code there is area for each state that look like <area onmouseover="show(this)" onmouseout="hide()" onclick="fform.tg.checked=false;togl()" shape="poly" coords="179,33,174,66,230,67,225,35,179,33,179,33" href="us-nd.html">. You can read more about and tags in W3C link. I think its the only way how to do this without flash or something... But it cant be done without a little JS. To get the coords, I would asume you just open your image in some editor that shows coords(gimp or something) and manually find them out...
No. If it had rectangular shapes yes but with a lot of work.
You really need javascript on this one.
You might want to try a Javascript mapping library - www.openlayers.org is the market leader (and free and open source).
You get your US state map in the right format (GML for example) then you can pretty much cut n paste from one of the openlayers examples. Hovering and clicking are handled by event functions. They can then do things like updating your info box below the map.
Note that if you want Alaska and Hawaii as in the picture and all you can find is a geographic state map, you might have to use a GIS to shift the features around. Quantum GIS is a free and open-source GIS that can do this for you. Help for that can be found on gis.stackexchange.com!
If you're willing to use javascript, jQuery more specifically, here is a nice plug-in/tutorial on how to do what it seems like you'd like to. http://playground.mobily.pl/jquery/mobily-map.html. It won't do the states exactly, but it will allow you to drop pins and such.
Update: This seems to be exactly what you're looking for: http://playground.mobily.pl/tutorials/building-an-interactive-map-with-raphael.html. It includes a rather indepth tutorial as well.
Here is another interactive US map I found myself: http://www.fla-shop.com/products/html5/united-states/us/ It is purely javascript with customizable popups.
How do I switch between the two screens on the Qt?
For example, I have a button - static text plus a toolbar. Now I will add it to a frame and set it as a central widget. It works well for one window. What if I move it to the next window? Then I need to show some other stuff like another button, some images etc... and what if I come back to the first view again?
How do I show my old widgets back?
I'm not sure I got your problem right but, you could have different scenarios :
You could simply use groupboxes... Some widgets in groupbox1, otherWidget in groupbox2, and you display the groupbox you want to use, hiding the others...
You could use stackedWidget, which simulates "pages" of widgets stacked on top of eachothers... more informations here : http://qt.nokia.com/doc/4.6/qstackedwidget.html.
You could use other way like using tabs : http://doc.trolltech.com/4.6/qtabwidget.html
Maybe this example would be useful to you : http://qt.nokia.com/doc/4.6/dialogs-configdialog.html
Hope it helps a bit !
I'd recommend checking out Animation/States example (should be in /qt/examples/animation/states/ subdirectory of your Qt installation). It shows how to combine state machine representing application logic with presentation layer and get cool animation effects for free (of course if you don't need eye candy, you can set widgets properties without any animation).
KmlScreenOverlay Buttons!!? real? how?
Any other way to put anything flash or html over GEPlugin?
A little unclear what you're after.
If you're trying to make KML Screen Overlays, may I suggest you check out the tutorial and utility at http://freegeographytools.com/2007/the-kml-screen-overlay-maker-utility.
If you're asking whether you can put, say, a Form Submit button on top of a map in a browser, then sure. You can use divs to layer all sorts of stuff in a browser.
A really good example of this is the Beer Mapping Project. Check out their New Zealand page and see the various items placed on top of it, including buttons, text and lists.
Hope that helps!
KmlScreenOverlay Buttons!!? real?
Yes they're real. But they're not as easy to use as HTML buttons... e.g. you can't just give them a text label. You have to use an image.
how?
How to use them - see the tutorial that #Mark linked to.
Any other way to put anything flash or
html over GEPlugin?
See also How can I place a html div over the Google Earth plugin? Involves wmode, I imagine