• Open Menu Close Menu
  • Apple
  • Shopping Bag
  • Apple
  • Mac
  • iPad
  • iPhone
  • Watch
  • TV
  • Music
  • Support
  • Search apple.com
  • Shopping Bag

Lists

Open Menu Close Menu
  • Terms and Conditions
  • Lists hosted on this site
  • Email the Postmaster
  • Tips for posting to public mailing lists
Re: CSS with WOComponent
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: CSS with WOComponent


  • Subject: Re: CSS with WOComponent
  • From: Michael DeMan <email@hidden>
  • Date: Sat, 30 Oct 2004 14:21:10 -0700

For the HREF, just use a WOTextField with escapeHTML = "NO" and include your "href="../Styles.css"
(Its probably best to use an absolute href in case you end up in subdirectories?)



There are a couple ways for the component...

#1 In WOBuilder or in the .wod file, just add a bindings class = "myclass";

#2 We ended up rebuilding a lot of the dynamic elements ourselves to support CSS. This was a lot of work, but the extra flexibility in being able to customize the HTML delivered by the element was very handy.



Michael F. DeMan
Director of Technology
OpenAccess Network Services
Bellingham, WA 92825
email@hidden
360-647-0785
On Oct 30, 2004, at 4:55 AM, Wolfram Stebel wrote:

Hi all,

Is there an easy way to use css in components?
Selfhtml means to include a <link> in the <HEAD> section as below is
correct, where the href="../Styles.css" is a path relativ to the html-file
of the component.


Example: Main.wo, File Main.html contains:

...
<HEAD>
    <Title>Styletest</Title>
    <link rel="stylesheet" type="text/css" href="../Styles.css">
</HEAD>
...

A SELECT-browser inside the component uses the format:

<select class="SelectFormat" size="5"></select>



This is the content of the "../Styles.css" file:

<style type="text/css">
   .SelectFormat
   { width:100%; }
</style>


Seems to be simple, but does not work with IE and safari, probably also not
with others.


The following style definition in the <HEAD> section works as expected:

<style type="text/css">
.SelectFormat
{ width:100%; }
</style>


Any suggestions? Thanks!


Wolfram Stebel Flutgrabenstr. 19, 35576 Wetzlar Tel. 06441/48164, Mobil: 0172/6558588 Mailto: email@hidden


_______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list (email@hidden)
Help/Unsubscribe/Update your Subscription:
email@hidden


This email sent to email@hidden


_______________________________________________ Do not post admin requests to the list. They will be ignored. Webobjects-dev mailing list (email@hidden) Help/Unsubscribe/Update your Subscription: This email sent to email@hidden
  • Follow-Ups:
    • Question about starting the webserverassistant
      • From: Marc Manthey <email@hidden>
References: 
 >CSS with WOComponent (From: Wolfram Stebel <email@hidden>)

  • Prev by Date: Re: CSS with WOComponent
  • Next by Date: Question about starting the webserverassistant
  • Previous by thread: Re: CSS with WOComponent
  • Next by thread: Question about starting the webserverassistant
  • Index(es):
    • Date
    • Thread