Atozed Forums
connect css file to IWImage - 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: connect css file to IWImage (/thread-1795.html)



connect css file to IWImage - mazluta - 07-13-2020

how can i connect the css file to the IWImage

how the IW will generate the connection between the css file and the image - by name? by id?


RE: connect css file to IWImage - kudzu - 07-13-2020

Check our demos, there are several examples of linking to an external CSS file.


RE: connect css file to IWImage - mazluta - 07-13-2020

(07-13-2020, 06:27 PM)kudzu Wrote: Check our demos, there are several examples of linking to an external CSS file.
can yo direct me please to the one you mean. i didn't find any.
all with stylesheet

al i want is the image will have :

css style with :

CompCover {
  opacity: 0.5;
}

when the CompCover  is the name of the image,


RE: connect css file to IWImage - kudzu - 07-13-2020

Download the demos, search for *.css and see which folder its in. That will find it quickly.


RE: connect css file to IWImage - Alexandre Machado - 07-17-2020

(07-13-2020, 08:59 AM)mazluta Wrote: how can i connect the css file to the IWImage

how the IW will generate the connection between the css file and the image - by name? by id?


Each IntraWeb control has a property named CSS. CSS receives the class name used in any external style, if applicable.

You can create a style for your class in your CSS file and use it in your IWImage control. Example:

< style.css file >
.myimageclass {

}


< in your pascal file >

IWImage.Css := 'myimageclass';


Add the css file to your form using ExtraHeader property of your form:

<link href="/style.css" rel="stylesheet">

and then copy the style.css file to the application's wwwroot folder. That's all.


RE: connect css file to IWImage - mazluta - 07-17-2020

thanks. that better.
where can i find full up-to-date documentation?


RE: connect css file to IWImage - kudzu - 07-17-2020

https://www.atozed.com/intraweb/docs/