ionic‘s keyboard changed the background image size,help me - ionic-framework

everybody..
I would like to create a login page,like this..
However, when I enter the text, the keyboard appears, the problem is that the location of the background image has changed, feeling the picture moved.
please help me!

In the css selector where you are have setup the background, try to add this:
-webkit-background-size:cover;
or this if the first one doesn't works
-webkit-background-size: 280% auto;

Related

Ionic 6 - Issues with button press in blue

I am using Ionic 6 and I have a button with a class:
.mybutton {
--background: #f39200;
--color: white;
}
When I press on the button on my mobile it goes blue.
I need to change that to another color.
I've tried:
.mybutton:hover,
.mybutton:active {
// another color
}
It's still blue.
How can I do that?
For that, you need to use another CSS variable.
try --ripple-color, I think it may help you.

ionic, --offset-top issue

--offset-top: 88px, causes my "ion-content", to not display properly with the header, is there a way to removed this, i have tried "--offset-top: 0px important;" but its not working. Have anyone also experience this?[![enter image description here][1]][1]
Just remove the style attribute in the ion-content tags.

I need to create animation effect

I have tried a lot to do animation exactly the same. I am sharing the link to how I want the animation.
http://stepntoys.com/login-register.php
Same effect when clicking on the Sign Up button and Sign In button.
Try to open in mobile browser or Resize your browser screen as per mobile dimentions
Please help me out.
you can have a look at https://www.freecodecamp.org/learn and in the section of Learn Applied Visual Design, there are many lessons about animation effect.
I know the answer of your question you can use this code to create animation mode.
button:hover {
animation-name: background-color;
animation-duration: 500ms;
}
#keyframes background-color {
100% {
background-color: #4791d0;
}
}

(WkWebView) When do i upload file by input tag, it happened problem

I use WKWebView.
recently i update my iPhone to ios13
then something wrong...
touch input(type=file) tag.
appear select photo in library or take a picture modal.
one of these action i act. return the black screen.
what should i do?
Help me. please~
Thank you for reading.
detail pic of 1
detail pic of 2
detail pic of 3
i solve this problem
i caught default imagePicker in wkwebview (override present func)
and modalStyle set .custom
then it works fine.

Resize by default TinyMCE

I'm using TinyMCE for the first time, and I love it, but is a bit closed.
I'd like to get images resized by default, this is, when adding an image, put it by default on 300px width, for example (then the user can make it bigger or smaller dragging).
I don't know where to touch! Is there a command within the lists of images (the js you can attach to make TinyMCE show a list of images)? Or I have to hack css? Or I have to dive into TinyMCE code?
Thank you in advance
Marc
If you are OK with changing code files then proceed as follows
Open tiny_mce/plugins/advimage/js/image.js
Locate insertAndClose : function()
Insert after
var ed = tinyMCEPopup.editor, ......;
if(f.width.value == ""){
f.width.value = 300;
}
Hope it helps!
There are several options. I would go the css way. Check out the tinycme init configuration setting content_css. Using an additioanl own css file enables you to setthe width of images to 300px easily.