Atozed Forums
can not see full background image - Printable Version

+- Atozed Forums (https://www.atozed.com/forums)
+-- Forum: Atozed Software Products (https://www.atozed.com/forums/forum-1.html)
+--- Forum: IntraWeb (https://www.atozed.com/forums/forum-3.html)
+---- Forum: English (https://www.atozed.com/forums/forum-16.html)
+----- Forum: IntraWeb General Discussion (https://www.atozed.com/forums/forum-4.html)
+----- Thread: can not see full background image (/thread-1794.html)



can not see full background image - mazluta - 07-12-2020

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.


RE: can not see full background image - kudzu - 07-12-2020

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.


RE: can not see full background image - mazluta - 07-12-2020

(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


RE: can not see full background image - mazluta - 07-13-2020

(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


RE: can not see full background image - kudzu - 07-13-2020

IW does use styles. There are several ways to specify styles.


RE: can not see full background image - DanBarclay - 07-13-2020

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


RE: can not see full background image - mazluta - 07-13-2020

(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.


RE: can not see full background image - kudzu - 07-14-2020

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.


RE: can not see full background image - mazluta - 07-15-2020

(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