Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
can not see full background image
#1
hi.
i add image to the form.background.filename

i add login.css to stylesheet.filename (alsow put it in css property)

body  {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-family: Arial, Helvetica, sans-serif;
}

.menuContainer{
font-size: 15px !important;
}


the image (in chrom) cut by half and view just the lowersection of the image.
in firefox - all fine.
Reply
#2
This is more of a CSS than an IntraWeb question, but look at the other image options to control stretching, clipping etc. The 2 browsers apparently have different defaults.
Reply
#3
(07-12-2020, 04:40 PM)kudzu Wrote: This is more of a CSS than an IntraWeb question, but look at the other image options to control stretching, clipping etc. The 2 browsers apparently have different defaults.
i look at the page source. i can not find the body css

if dont use the css file,
the file streach to all borwoser area

(07-12-2020, 10:51 PM)mazluta Wrote:
(07-12-2020, 04:40 PM)kudzu Wrote: This is more of a CSS than an IntraWeb question, but look at the other image options to control stretching, clipping etc. The 2 browsers apparently have different defaults.
i look at the page source. i can not find the body css

if dont use the css file,
the file streach to all borwoser area

without css it look like this


Attached Files Thumbnail(s)
       

.html   login-form-html-reult.html (Size: 7.82 KB / Downloads: 1)
Reply
#4
(07-12-2020, 04:40 PM)kudzu Wrote: This is more of a CSS than an IntraWeb question, but look at the other image options to control stretching, clipping etc. The 2 browsers apparently have different defaults.
this may be because of the css
but the html created by IW not contain this css, why ?
i thought that the final html must contain the style i put in my css to the final html
Reply
#5
IW does use styles. There are several ways to specify styles.
Reply
#6
You may want to review sample code that uses stylesheets. Only a few things have to be set:

1. The .stylesheet property in the form (or servercontroller for default)
2. The .css property on the target components (sets the class for stylesheet)
3. The location of the .css file.

The "Features" demo has a form showing stylesheets, even how to change .css files at runtime.

Dan
Reply
#7
(07-13-2020, 06:49 PM)DanBarclay Wrote: You may want to review sample code that uses stylesheets.  Only a few things have to be set:

  1.  The .stylesheet property in the form (or servercontroller for default)
  2.  The .css property on the target components (sets the class for stylesheet)
  3.  The location of the .css file.

The "Features" demo has a form showing stylesheets, even how to change .css files at runtime.

Dan

that work. thanks.

maybe some others can give more specific answer,  spacial for new one.
Reply
#8
The demo shows exactly as you ask yet you seem reluctant to look. This is the starting place for your answer and likely will completely answer it.
Reply
#9
(07-14-2020, 04:47 PM)kudzu Wrote: The demo shows exactly as you ask yet you seem reluctant to look. This is the starting place for your answer and likely will completely answer it.
want it be more simple to say.
1.put control on the form.
2. attach the form stylesheet to any css file.
3. in the css let any style its tag name.
4. connect the control to the tag name in the css property.

i think that will be answer.
a specially if there is no arranged document
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)