Contact us Create app

Add-on Directory

← Back

drag-resize

A touch friendly resizable container with resize events.

Author

Contributors

Rating

Links

Popularity

<100

[ This description is mirrored from README.md at github.com/jifalops/drag-resize on 2019-05-10 ]

Published on webcomponents.org

drag-resize

A touch friendly draggable and/or resizable container.

Installation

bower i -S jifalops/drag-resize      # Polymer 2.0 class based
bower i -S jifalops/drag-resize#^0.2 # Polymer 2.0 hybrid (1.x compatible)

Usage

  • Set which directions are draggable and which edges are resizable. All possibilities are enabled by default.
  • Optional: set edge/corner borders, mouse cursors, corner gradient color.
  • Optional: listen for on-resize or on-drag events.

Demo

<drag-resize drag="left right" resize="bottom right">
  <div style="height:100px; width:100px; background-color:lightblue;"></div>
</drag-resize>

Full demo: webcomponents.org | github.

API: webcomponents.org

Contributing

  1. Fork it on Github.
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request

License

MIT

Compatibility

(Loading compatibility data...)

Last updated: 2017-08-22

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • polymer##^2.0.0
  • iron-flex-layout##^2.0.0
  • shadycss##^1.0.0
Released
2017-08-22
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 2.0+
Browser
Browser Independent

Enhanced DatePicker - Vaadin Add-on Directory

DatePicker with ability to format by pattern Enhanced DatePicker - Vaadin Add-on Directory
# EnhancedDatePicker component for Vaadin Flow ## Note Vaadin 22 and Vaadin 14.8 There is major update in DatePicker component in Vaadin 22 and Vaadin 14.8 frameworks. The features of this add-on have been incorporated into standard DatePicker component, thus it is not recommended and not needed to use this add-on with these and newer versions of the framework. ## Enhanced DatePicker This project is extending [DatePicker component for Vaadin Flow](https://github.com/vaadin/vaadin-date-picker-flow). On top of basic functionality of DatePicker, it has ability to format date by pattern. Formatting is done by JavaScript library [date-fns v2.0.0-beta.2](https://date-fns.org/v2.0.0-beta.2/docs/Getting-Started). More information about supported formatting paterns can be found here: https://date-fns.org/v2.0.0-beta.2/docs/format Pattern can be set using method `setPattern(String pattern)`. For example: ```java EnhancedDatePicker datePicker; datePicker.setPattern("dd-MMM-yyyy"); ``` or by using constructor: `new EnhancedDatePicker(LocalDate.now(), "dd-MMM-yyyy");` This component can be used in combination with [``](https://github.com/vaadin/vaadin-date-picker). In HTML/JS template you can add `` and in Java side, you can bind it to `EnhancedDatePicker` like this: ```java @Id("datePickerId") private EnhancedDatePicker datePicker; ``` As this component is replacement for DatePicker, please make sure that you use helper classes(like ChangeEvent, OpenedChangeEvent or InvalidChangeEvent) from `EnhancedDatePicker` and not form `DatePicker`. NOTE: Localisation in this component is also done by DateFns and some locales for some patterns are not stable: for example Russian and French for pattern `MMM`(it adds '.' in the end of month and then it can not parse it back) NOTE: This component extends vaadin-date-picker-flow version 2.1.0, if you update Vaadin to newer version, you may need to do maven exclusion to this dependency. ### Sponsored development Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: [Support](https://vaadin.com/support) and [Pricing](https://vaadin.com/pricing)
Online Demo
View on GitHub

Enhanced DatePicker version 1.0.0

Enhanced DatePicker version 1.0.1
Added ability to use formatting by pattern with together with locale. NOTE: Localisation is done by JS library DateFns. In case some localisations not working, please check documentation for DateFns(https://date-fns.org/v2.0.0-beta.2/docs/Getting-Started)

Enhanced DatePicker version 1.1.0
### Version 1.1.0 - Added support for multiple input formats

Enhanced DatePicker version 1.2.0
### Version 1.2.0 - Added missing setAutoOpen() - Fixed issues with using Vaadin 14.3.x

Enhanced DatePicker version 1.3.0
### Version 1.3.0 - Cherry picked rest of the Vaadin 14.3 new features and fixes - Fixed issue #262

Enhanced DatePicker version 1.3.1
### Version 1.3.1 - Add workaround for issue https://github.com/vaadin/vaadin-date-picker-flow/issues/223 - Moved disableClientValidation() to separate API

Enhanced DatePicker version 1.3.2
### Version 1.3.2 - Changed license to Apache2

Enhanced DatePicker version 1.4.0
### Version 1.4.0 - Added setPrefixComponent - Applied the fix https://github.com/vaadin/vaadin-flow-components/pull/512

Enhanced DatePicker version 1.5.0
Fix pattern and Locale handling

Enhanced DatePicker version 2.0.0
Enables component to work with V18+ and introducing HasHelper

Enhanced DatePicker version 1.6.0
Fix compatibility issue with Vaadin 14.11+

Online