Git Product home page Git Product logo

oazabir / droptiles Goto Github PK

View Code? Open in Web Editor NEW
493.0 493.0 175.0 18.41 MB

Droptiles is a "Windows 8 Start" like Metro-style Web 2.0 Dashboard. It compromises of Live Tiles. Tiles are mini apps that can fetch data from external sources. Clicking on a tile launches the full application.

Home Page: http://oazabir.github.com/Droptiles/

ASP 14.02% C# 6.20% JavaScript 53.99% CSS 20.09% PowerShell 0.62% PHP 4.75% Shell 0.32%

droptiles's People

Contributors

gerbenw avatar oazabir avatar ricardomomm avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

droptiles's Issues

How to call slidesfrom and pages content on Static web like below?

hallo all,
i have code like as follow on my repeater, unfurtunatelly i dont understand how to dynamic change the tile so looks dynamic...could someone help me out? and how to use dynamic tile for static web like below for this command (Appurl & slidesform & Animation Tiles icon)?

appUrl: "http://oazabir.github.com/Droptiles/",
slidesFrom: ["tiles/features/feature1.html",
"tiles/features/feature2.html",
"tiles/features/feature3.html"]

this is my code:

<asp:Repeater id="parentRepeater" runat="server">


<%# DataBinder.Eval(Container.DataItem,"title") %>


<asp:repeater id="childRepeater" datasource='<%# ((DataRowView)Container.DataItem)
.Row.GetChildRows("myrelation") %>' runat="server">



<img src=<%# DataBinder.Eval(Container.DataItem, "["img"]")%> />
<%# DataBinder.Eval(Container.DataItem, "["caption"]")%>5

<%# DataBinder.Eval(Container.DataItem, "["caption"]")%>6

<%# DataBinder.Eval(Container.DataItem, "["description"]")%>7

<%# DataBinder.Eval(Container.DataItem, "["description"]")%>8

<%# DataBinder.Eval(Container.DataItem, "["url"]")%>

                                    <span class ="tile-counter"><b><%# DataBinder.Eval(Container.DataItem, "[\"hit\"]")%></b></span>
                                   <%-- <span class ="tile-caption"><%# DataBinder.Eval(Container.DataItem, "[\"url\"]")%></span>--%>

                                        <div class="tile-content-main">
                                            <span><%# DataBinder.Eval(Container.DataItem, "[\"caption\"]")%></span>
                                        </div>

                                    <div class ="tile-header"><%# DataBinder.Eval(Container.DataItem, "[\"caption\"]")%>1</div>
                                    <div class ="tile-text"><%# DataBinder.Eval(Container.DataItem, "[\"caption\"]")%>2</div>
                                    <div class ="tile-content-main"><%# DataBinder.Eval(Container.DataItem, "[\"caption\"]")%>3</div>
                                    <span class ="tile-content-sub"><%# DataBinder.Eval(Container.DataItem, "[\"caption\"]")%>4</span>

<%--
appUrl: "http://oazabir.github.com/Droptiles/",
slidesFrom: ["tiles/features/feature1.html",
"tiles/features/feature2.html",
"tiles/features/feature3.html"]
and put pages content text(pages)?
--%>

                                    </div>

                             </itemtemplate>
                          </asp:repeater>
                          <!-- end child repeater -->
                    </div>  
                </itemtemplate>
              </asp:Repeater>

Droptiles--Localhost server

I am running droptiles on a localhost server. The droptiles loads but none of the apps show up. The aspx server code loads and I can see the signin page but none of the widgets show up. Rather, this error message shows up. Can Ozabir or someone help me on this? Thanks.

Warning! Your browser is incompatible with Droptiles. Please use Internet Explorer 9+, Chrome, Firefox or Safari.
×Warning! Combined javascript files are outdated. Please retun the js\Combine.bat file. Otherwise it won't work when you will deploy on a server.

support for IOS

First things first,this framework is really good. :).I was excited to see how it works on my ipad.Your own website droptiles.com doesn't seem to work on IOS6. Can't drag tiles. One more advice, it would be nice if sections have a property like maxHeight after which other section tiles cannot be dragged into this. This will avoid ugly vertical scroll. Thanks !

Specific Licence?

is it possible that you link to an specific licence, under which the code is published? like a creative commons licence?

for example: CC BY-NC 4.0 (http://creativecommons.org/licenses/by-nc/4.0/)

i forked your project. but i would like to have clear rules under those i can maintain my project and satisfy your regulates.

Tiles sorting within section not saved

When tiles are sorted inside a section and we reload droptiles the sorting isn't saved. The sorting is only saved if we drag a different to a different section.

Full screen on iPhone/iPad

DropTiles.com works great on ipad, Just need to add this
to make it a fullscreen web clip when added to Home screen
[http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html]

Android

Will be there some updates/fixes to support Android?

Number of tiles in Sections1

Hi,

I don't know how can i add more than 7 tiles in my section ?

Just 7 tiles are in my page.

Regards

Julien Jugé

Clicking Tiles after section Move

Hi,

I've noticed a random issue when moving tiles for one section to another. It doesn't always happen but after dragging and dropping the tile no longer clicks.

This can be viewed on the droptiles.com site, for example moving the facebook tile from one section to another can cause it not longer to be clickable. You may need to move the tile a number of tiles before this happens. I've tried this with both IE10 and Chrome.

Hope this helps as it is a great project.

Regards Peter

Microsoft patents

Hi,

This project is really nice. However, doesn't it violate some Microsoft patents?

Control tile(s) sliding action

This is more of a request than an issue. Is there a built in way that I'm not seeing for pausing or otherwise controlling the sliding animation of a live tile. I'm thinking of a pause feature, or possibly a hover to slide between two slides. Any advice?

history managment

please let me know how to manage the history so that foward and back button worked

thanks

Feature Request

I haven't had time to fully review everything, but is it possible to have a Drag Scroll like the start page in Metro-UI-CSS?

The bottom scroll bar is just like Windows 8 without touch, but I kind of liked having the ability to drag scroll with the mouse.

Template for CMS

To be "more portable", this style could have a wrapper for CMS templates, like Joomla, Drupal...
Joomla has the concept of modules, like an app in Droptiles. I think each module could be an app.
So, Droptiles will be better than Joomla paid template BT Metro (http://demo.bowthemes.com/bt-metro/)

Thanks

Fullscreen or not Fullscreen?

Is there a way to, when the user clicks an app, just resize the app (and open it) instead of occuping all the screen? It's great to keep all app icons visible when using a specific app.
For example, a video player app could show just video titles, and when we click on a title, the video player grows a little to see the video (opening the app, but not fullscreen, just moving and adjusting other app positions).

Another feature is the ability to "close" automatically other opened apps when opening one.

These two features could be disabled to enable default behaviour (fullscreen and don't close automatically). Or better, each app could track its own opening behaviour.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.