on 12-29-2014 7:24 PM
Hi Guys,
I am new to ui5 sorry for noob question.I searched all post before posting here.Help me build my first complete app using ui5.
I have following few questions related to setting image in ui5
<Image src="images/logo.png">
Existing issue
wanted like this
splitapp i am using with no background shade
splitapp with background shade.
thanks
Hi Deepan
1. Move the images folder inside WebContent folder to make it accessible.
2. To make the background image fit exactly to the screen, please use this CSS
.loginPageDiv {
background-size: 100% 100%;
}
3. Please apply following style to the app for the background shade
body {
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2da9b1),color-stop(50%,#178299),color-stop(100%,#1a4c7d)) !important;
background-image: -webkit-linear-gradient(top,#2da9b1 0,#178299 50%,#1a4c7d 100%) !important;
background-image: -ms-linear-gradient(top,#2da9b1 0,#178299 50%,#1a4c7d 100%) !important;
background-image: linear-gradient(to bottom,#2da9b1 0,#178299 50%,#1a4c7d 100%) !important;
}
#content {
max-width: 1280px !important;
}
Hope this solves your problem.
Regards
Shubhang
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Hi Shubhang,
If the url is relative, we need to write CSS as:
.loginPageDiv {
background-image: url('/a_practice/ui/webApp/download.png'); // this is my path where image is kept
background-size: 100% 100%;
}
If, this is correct, then its not working.
Please provide me with a solution.
Thanks,
Manessha
Thanks a lot guys it helped me..
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
A diverse set of questions
Hope it helps!
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
83 | |
24 | |
12 | |
9 | |
7 | |
6 | |
5 | |
5 | |
5 | |
4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.