Questions tagged [zebra-ui-framework]

JavaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool. For questions about Zebra printers, use the [zebra-printers] tag.

What is Zebra?

Zebra is JavaScript library that implements graceful and easy to use OOP concept together with rich set of UI components, decoupled UI engine, IO and other packages. The UI components are developed based on HTML5 Canvas element. This approach differs from traditional WEB UI, where user interface is built around HTML DOM and than "colored" with CSS. Zebra UI components are implemented from scratch as a number of widgets rendered on HTML Canvas.

Features:

  • Zebra easy OOP concept JavaScript: classes, interfaces, overriding, overloading, constructors, packaging, anonymous class, access to super class methods, mixing, etc

Zebra UI Engine that can be used as powerful basis for:

  • Pixel by pixel UI components rendering controlling
  • Simple and flexible events (keyboard, mouse, etc) manipulation, advanced event technique to develop composite UI components
  • Layouting UI components using number of predefined layout managers
  • Easy developing of own layout managers
  • Full control of UI components rendering
  • Play video in Zebra UI panel
  • Flash-free, pure web native clipboard paste and copy supporting
  • Font metrics calculation
  • Layered UI architecture

Zebra rich UI Components set developed basing on Zebra UI Engine:

  • More than 30 various UI components
  • Look and feel customization
  • Complex UI components: Grid, Tree, Tabs, Combo, Designer, Scroll, Menu, etc
  • Thanks to easy OOP concept and proper design: expendable and fully customizable UI components
  • Simple data model description
  • HTML DOM as part of Zebra UI
  • JSON as Zebra UI form descriptive language
  • JSON as Zebra UI look and feel configuration
  • Zebra IO
  • GET/POST/etc Ajax requests
  • XML-RPC, JSON-RPC Service communication
  • binary data handling
  • Mobile devices support
  • Touch screen support
  • Inertial scrolling
  • Virtual keyboard input

Website: http://www.zebkit.com

Github Link: https://github.com/barmalei/zebra

10 questions
4
votes
2 answers

Start and end date being the same day of Zebra DatePicker

Is it possible to pair two date pickers but still allow selection of the same day. $('#depart, #departc, #depart_modify').Zebra_DatePicker({ format: 'd/m/Y', selectWeek: true, inline: true, pair: $('#return,…
Mahesh
  • 872
  • 1
  • 10
  • 25
2
votes
2 answers

How to call my onchange event on zebra date picker?

I have used input type text field and attach zebra date picker to it, now how I can call my function(updateDates()) on onchange event? Without zebradatepicker I am able to use updateDates() function.. $('#tripDate1').val(formattedDate).attr("min",…
2
votes
1 answer

zebra datepicker direction - past up to certain date

I want to set up Zebra datepicker plugin in a way that it has enabled all past dates up to certain specified date. I found out this stackoverflow post that explains how to do that if that border date is today. But, if the border date is lets say 1…
1
vote
0 answers

Zebra Printer Setup Time Zones (EST)

Am printing a label using zebra printer (model: ZT411) thru zpl file. I managed to print the label correctly, however time stamp is printed incorrectly. I want the time stamp to be printed in EST time zone. Am not sure at what level i need to change…
Ramesh B
  • 11
  • 2
0
votes
1 answer

Can not set enabled hours with Zebra Datepicker

I have just downloaded and installed this script and everything seems to work alright except for the option enabled_hours. I want to configure the script to enable only a set of available hours like this: enabled_hours: ['11', '12', '13', '14',…
Cain Nuke
  • 2,843
  • 5
  • 42
  • 65
0
votes
1 answer

Zebra dialogue js - trying to return a value false or true

I'm trying to return a value from a Zebra_Dialog framework. I need a value like true or false in order to send it as an input so I can update my store card. The problem is that I'm able to do it with confirm (which return always a value like true or…
user6818018
0
votes
0 answers

HTML5 fullscreen display: alternating between two canvases

We are facing the following challenge: We are creating a behavioral experimentation library, which both needs to be able to show random shapes as well as display forms. For the shape drawing part we use pixi.js, and even though we know it can also…
Daniel Schreij
  • 773
  • 1
  • 10
  • 26
0
votes
1 answer

Zebra Datepicker - Not working

I am trying to create a date picker with Zebra Datepicker jQuery Plugin. What I have done is-
Abrar Jahin
  • 13,970
  • 24
  • 112
  • 161
0
votes
1 answer

Canvas (Zebra UI) & Internet Explorer 11 with Surface Pro 3 on Windows 8.1

I'm developing a web application and decided to use Zebra UI. http://www.zebkit.com Using an all canvas application has almost nearly surpassed my web developer dreams of making a cross-browser application that doesn't rely on hacks to account for…
tremor
  • 3,068
  • 19
  • 37
-1
votes
3 answers

How to inspect element of Zebkit UI

As part of automation testing, we want to inspect the element in a website which is made of using the Zebkit UI framework. We are unable to find the element using zebra.ui examples can be found here Can someone help us on inspecting the element