Git Product home page Git Product logo

spark-material's Introduction

Spark-Material

Flex spark based components and skins with Material design by google

DEMO

Note: This first commit is not optimized for mobile!

Join Spark Material community on Slack

Enjoy :)

spark-material's People

Contributors

rui-cruz 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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

spark-material's Issues

Mobile Skinning

Hi @quick6black

Just to let you know that a lot of new skins have been implemented on the develop #5 branch! Check it out to see if you can implement something.

Regards

TextInput: null pointer error

I don't have investigate so far when this error occurs, but sometimes it does:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at spark.material.components::TextInput/onFocusChange()[C:\local\workspace-ebase-restore\FlexSparkMaterialLib\src\spark\material\components\TextInput.as:77]

A quick and simple fix is to just check if the stage is null:

function onFocusChange(evt:FocusEvent):void
{
if(skin && skin.contains(evt.relatedObject)) return;
if(stage==null) return; // Quick fiX to avoid null pointer errors

var focusPoint:Point = new Point(stage.mouseX, stage.mouseY);
var objectsUnderPoint:Array = stage.getObjectsUnderPoint(focusPoint);
stage.focus = InteractiveObject(objectsUnderPoint.pop().parent);
}

I'll just commit this to the master branch.

Clean-up the repo

Hi Rui,
I've started to clean-up the repo and cherry-picked the FloatingActionButton from dev to master.
Would be great if we also could merge the textarea to master.

Thanks,
Olaf

Setting TabBars "width=100%" cause some issues

This issue is not a big problem but perhaps somebody stumble over it and could save some time
by reading this:
You shouldn't set the TabBars width="100%" cause:

  • Child containers doesn't respect the new width after you minimize the width of the browser window
  • The Tab indicator doesn't work properly after resizing

HTH
Olaf

Dropdown & Datepicker

I would love to see this two components in your Material theme. I love your work and i really believe that this would be a great addition. Would you consider extending this?

Thanks

HSlider: Null pointer error

I don't investigate why this error occur but sometimes it does:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at spark.material.components::HSlider/updateSkinDisplayList()[C:\local\workspace-ebase-restore\FlexSparkMaterialLib\src\spark\material\components\HSlider.as:48]

I'll fix it by just checking if the 'inkHolder' and 'thumb' object is not null before it will be accessed.

Olaf

New Demo UI

Hi,

Components are growing day-by-day, and at this time the form is not big enough.. I think we need to prototype something new.

I'll create a new branch from #5 to create a new UI. But I think Accordion component is required first.

List Component

Great progress! The one especially common component that isn't in here yet is the List component. Adding this Issue as a Feature Request. :)

More Components?

Would love to see more components (list and grid specifically). Would you be interested in donations or project work on this? @kentonue if you want to talk!

TextArea: Replace two Skins by one to implement "enableScrolling" feature

Hi Rui,
I've spend hours trying to solve this issue with no success :-(
I've tried to achive this by using deffered skin parts, but it seems for me that this doesn't work.

The first idea that occurs me, is on updateDisplayList(unscaledWidth:Number,unscaledHeight:Number), assign the skin.scroller or skin.scroller.viewport width/height.. that should

Could you explain this a bit more?

Thanks,
Olaf

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.