SpeedScript and CSS

Posted by Tony Hall on 04-Feb-2015 13:00

Would it not go in the <table> tag?

[collapse]

From: runningtom8@gmail.com [mailto:bounce-runningtom8gmailcom@community.progress.com]
Sent: Wednesday, February 04, 2015 1:46 PM
To: TU.General@community.progress.com
Subject: [Community Groups - General] SpeedScript and CSS

SpeedScript and CSS

Thread created by runningtom8@gmail.com

I am new to the SpeedScript.

What is the correct way to integrate CSS with SpeedScript.

WHERE SHOULD I INSERT THE

class="table1" or <ul> ??

Here is the sample code: I want to styling the table with different row color and border and web-kit.

********************************************************************************
<body onload="refreshPage();">
<script type="text/javascript">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/table1.css" />
<link rel="stylesheet" type="text/css" href="css/mainbody1.css" />

   <table width="100%" border="1" background-color: #fff555; >

<script language="SpeedScript">
DEF VAR cust      LIKE cust.name NO-UNDO.

FOR EACH warehouse NO-LOCK WHERE
             warehouse.Picked = "":

   ASSIGN xxxxx = "not found"

IF pt-items = 1 THEN
      {&OUT} "<tr>
                <td><strong>" "Order<br>Number" "</strong></td>
                <td><strong>" "XXX #" "</strong></td>
            </tr>".
   IF items <= max THEN
   DO:

xxxx

      {&OUT} "<tr>
                <td>" Order_num "</td>
                <td>" Document "</td>
                    </tr>".

Thank you.

T

Stop receiving emails on this subject.

Flag this post as spam/abuse.

[/collapse]

Posted by runningtom8@gmail.com on 04-Feb-2015 15:57

I had tried the following and it doesn't seem to work.

<table class="table1 >

IF pt-items = 1 THEN
      {&OUT} "<tr>
                <td><strong>" "Order<br>Number" "</strong></td>
                <td><strong>" "XXX #" "</strong></td>
            </tr>".
   IF items <= max THEN
   DO:
      xxxx
      xxxx
      {&OUT} "<tr>
                <td>" Order_num "</td>
                <td>" Document "</td>
                    </tr>".

[collapse]

On Wed, Feb 4, 2015 at 2:01 PM, Tony Hall <bounce-tonyh@community.progress.com> wrote:

RE: SpeedScript and CSS
Reply by Tony Hall

Would it not go in the <table> tag?

[collapse]

From: runningtom8@gmail.com [mailto:bounce-runningtom8gmailcom@community.progress.com]
Sent: Wednesday, February 04, 2015 1:46 PM
To: TU.General@community.progress.com
Subject: [Community Groups - General] SpeedScript and CSS

SpeedScript and CSS

Thread created by runningtom8@gmail.com

I am new to the SpeedScript.

What is the correct way to integrate CSS with SpeedScript.

WHERE SHOULD I INSERT THE

class="table1" or <ul> ??

Here is the sample code: I want to styling the table with different row color and border and web-kit.

********************************************************************************
<body onload="refreshPage();">
<script type="text/javascript">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/table1.css" />
<link rel="stylesheet" type="text/css" href="css/mainbody1.css" />

   <table width="100%" border="1" background-color: #fff555; >

<script language="SpeedScript">
DEF VAR cust      LIKE cust.name NO-UNDO.

FOR EACH warehouse NO-LOCK WHERE
             warehouse.Picked = "":

   ASSIGN xxxxx = "not found"

IF pt-items = 1 THEN
      {&OUT} "<tr>
                <td><strong>" "Order<br>Number" "</strong></td>
                <td><strong>" "XXX #" "</strong></td>
            </tr>".
   IF items <= max THEN
   DO:

      xxxx

      xxxx

      {&OUT} "<tr>
                <td>" Order_num "</td>
                <td>" Document "</td>
                    </tr>".

Thank you.

T

Stop receiving emails on this subject.

Flag this post as spam/abuse.

Stop receiving emails on this subject.

Flag this post as spam/abuse.

[/collapse][/collapse]

Posted by runningtom8@gmail.com on 04-Feb-2015 19:15

Are there any available document for SpeedScript and CSS ?

Thanks,

T

[collapse]

On Wed, Feb 4, 2015 at 4:58 PM, runningtom8@gmail.com <bounce-runningtom8gmailcom@community.progress.com> wrote:

Re: SpeedScript and CSS

Reply by runningtom8@gmail.com

I had tried the following and it doesn't seem to work.

<table class="table1 >

IF pt-items = 1 THEN
      {&OUT} "<tr>
                <td><strong>" "Order<br>Number" "</strong></td>
                <td><strong>" "XXX #" "</strong></td>
            </tr>".
   IF items <= max THEN
   DO:
      xxxx
      xxxx
      {&OUT} "<tr>
                <td>" Order_num "</td>
                <td>" Document "</td>
                    </tr>".

[collapse]

On Wed, Feb 4, 2015 at 2:01 PM, Tony Hall <bounce-tonyh@community.progress.com> wrote:

RE: SpeedScript and CSS

Reply by Tony Hall

Would it not go in the <table> tag?

[collapse]

From: runningtom8@gmail.com [mailto:bounce-runningtom8gmailcom@community.progress.com]
Sent: Wednesday, February 04, 2015 1:46 PM
To: TU.General@community.progress.com
Subject: [Community Groups - General] SpeedScript and CSS

SpeedScript and CSS

Thread created by runningtom8@gmail.com

I am new to the SpeedScript.

What is the correct way to integrate CSS with SpeedScript.

WHERE SHOULD I INSERT THE

class="table1" or <ul> ??

Here is the sample code: I want to styling the table with different row color and border and web-kit.

********************************************************************************
<body onload="refreshPage();">
<script type="text/javascript">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/table1.css" />
<link rel="stylesheet" type="text/css" href="css/mainbody1.css" />

   <table width="100%" border="1" background-color: #fff555; >

<script language="SpeedScript">
DEF VAR cust      LIKE cust.name NO-UNDO.

FOR EACH warehouse NO-LOCK WHERE
             warehouse.Picked = "":

   ASSIGN xxxxx = "not found"

IF pt-items = 1 THEN
      {&OUT} "<tr>
                <td><strong>" "Order<br>Number" "</strong></td>
                <td><strong>" "XXX #" "</strong></td>
            </tr>".
   IF items <= max THEN
   DO:

xxxx

      {&OUT} "<tr>
                <td>" Order_num "</td>
                <td>" Document "</td>
                    </tr>".

Thank you.

T

Stop receiving emails on this subject.

Flag this post as spam/abuse.

Stop receiving emails on this subject.

Flag this post as spam/abuse.

Stop receiving emails on this subject.

Flag this post as spam/abuse.

[/collapse][/collapse][/collapse]

Posted by Matt Baker on 04-Feb-2015 19:34

don't inline your styles. Use class="something" on a <div> wrapper around your table and setup your style from there

Like this

<table>

.....

</table>

</div>

then in your .css file use something like

table1.table td {

name : value

}

Better yet, use a client side framework like kendo ui and jquery that can take care of all the formatting for you.

Posted by Matt Baker on 04-Feb-2015 19:39

If you need to tag a particular row with a style do it something like this (exact .css syntax will very depending on what you're trying to do).

.table1 .strong {

font-weight : bold;

}

And <tr class="strong"> in your html file.

Posted by Matt Baker on 04-Feb-2015 19:41

All documentation for OpenEdge is available on this site. Search for "documentation <version>" for whatever version you need.

This thread is closed

All Replies