SpeedScript and CSS - Forum - Community Groups - Progress Community

SpeedScript and CSS

 Forum

SpeedScript and CSS

  • 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

  • Would it not go in the <table> tag?
     
    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
     
    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.

  • 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>".

    On Wed, Feb 4, 2015 at 2:01 PM, Tony Hall <bounce-tonyh@community.progress.com> wrote:
    Reply by Tony Hall
    Would it not go in the <table> tag?
     
    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
     
    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.


  • Are there any available document for SpeedScript and CSS ?

    Thanks,
    T

    On Wed, Feb 4, 2015 at 4:58 PM, runningtom8@gmail.com <bounce-runningtom8gmailcom@community.progress.com> wrote:
    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>".

    On Wed, Feb 4, 2015 at 2:01 PM, Tony Hall <bounce-tonyh@community.progress.com> wrote:
    Reply by Tony Hall
    Would it not go in the <table> tag?
     
    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
     
    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.

    Stop receiving emails on this subject.

    Flag this post as spam/abuse.

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

    Like this

    <div class="table1">

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

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

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