creating react forms background image - reactjs

I want to build a form with a background image but I have not been able to do that. Can anyone help me understand
I was expecting to have a picture behind the form being shown

Related

Add GIF in canvas

I am using konva library with react js and want to add a GIF Image in canvas. Image adds up in canvas but it is stuck and acting like a normal Image.
If anyone knows any workaround please help

Custom stepper with progress bar material ui, react

I am working on a stepper and I am using the code from https://codesandbox.io/s/dazzling-beaver-45ky0?file=/src/CustomStepper.js
Over here the progress between two steps is on click of next button, I want to show it on the basis of form fields filled.
Secondly, I want to save the progress of user in json file, so that when the user log in again, he must resume from where he left. I an unable to know how to do this.
I am new to react.
Any help is appreciated. Thanks in advance.

CodenameOne Image Slider using Image Viewer

Is it possible to achieve something similar to the attachment using imageviewer. I already have images loaded using the DefaultListModel but I would like something similar to the screenshot where part of the next image shows so the user knows there is a next image and if possible the slider at the bottom of the screen.
Thanks
Most of the people who did that used the Tabs widget which is more suitable for that sort of usage. You can see some discussion of this here:
https://groups.google.com/d/msg/codenameone-discussions/06hLjMkia-4/4oi4wBaMKe0J

Changing images for angular UI DatePicker control

I am using UI Bootstrap for just datepicker control.
By default when we mouse hover inside textbox, it shows up 3 images (close button, up down spinner, button)
I want to remove the first 2 images and change the last one to some other image.
I went through jS code but could not find any code for that.
Anyone who has similar requirement or knows about the code, please help.
Thanks in advance.

background image in Sencha Architect

Using Sencha Architect, How to display background image ? I wanna see background image in design view, so I can snapshot. I have tried two ways:
First using CSS resources and background CSS Property, that works when app is saved and view in chrome but there is no background in SA Design View.
Second, I tried to place image (as background) but can't add buttons on that image.
Please help me to view background image in SA Design View. Thanks.
Have a look at this:
http://docs.sencha.com/architect/2/#!/guide/resources
Add your CSS file to your Architect project and it will apply in the design view like this:

Resources