dudelis

import React from "react";
import ReactDOM from "react-dom";
import "react-responsive-carousel/lib/styles/carousel.min.css";
import { Carousel } from "react-responsive-carousel";

export default class DemoCarousel extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      slides: null

dudelis

{"lastUpload":"2019-05-02T20:14:40.107Z","extensionVersion":"v3.2.9"}

dudelis

const html = '<div id="k2-background-video" class="bg-video"><video class="bg-video__content" autoplay muted loop><source src="https://github.com/dudelis/K2Devs/raw/master/k2-ui-features/k2-video-background/video.mp4" type="video/mp4"><source src="https://github.com/dudelis/K2Devs/raw/master/k2-ui-features/k2-video-background/video.webm" type="video/webm">Your browser is not supported</video></div>';

$('.runtime-content').prepend(html);

dudelis

import React from "react";
import Masonry from "react-masonry-component";
import xml2js from "xml2js";

const fileUrl =
  "/Designer/Runtime/File.ashx?_path=NOPATH&_controltype=image&X-K2-Token=&_filerequestdata=";

export default class App extends React.Component {
  constructor(props) {
    super(props);

dudelis

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App';


ReactDOM.render(<App />, document.getElementsByName('react-control-root')[0]);

dudelis

import {Action, ActionCreator, Dispatch} from 'redux';
import {ThunkAction} from 'redux-thunk';

// Redux action
const reduxAction: ActionCreator<Action> = (text: string) => {
  return {
    type: SET_TEXT,
    text
  };
};

dudelis

.popup.dialog.sub-form {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;

}

@-webkit-keyframes zoomIn {
    0% {

dudelis

.popup.dialog.sub-form {
    animation-name: slideInRight;
    animation-duration: 2s;
    transform: translateX(117%);
}
.modalizer.modal-element {
    animation-name: fadeOut;
    animation-duration: 1s;
}

dudelis

.popup.dialog.runtime-message {
    animation-name: jackInTheBox;
    animation-duration: 2s;
}

@-webkit-keyframes jackInTheBox {
    0% {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;

dudelis

(function () {
	var dataLabelName = "JS - Move Worklist"; //THIS IS WHERE YOU NEED TO SPECIFY YOUR UNIQUE NAME
	$('.runtime-form').append('<div class="slideout"><div class="slideout__tab"></div><form class="slideout__form"><div class="slideout__placeholder"/></form></div>');
	var view = $('[name="' + dataLabelName + '"]').closest('.view');
	var viewHeader = $(view).find('.panel-header');
	$(viewHeader).appendTo('.slideout__tab');
	$(view).appendTo('.slideout__form');
	var slideToggle = function () {
		var slideout = $(".slideout");
		return slideout[0].classList.toggle('show');