Change the DIV colors using liquid markup

I'm trying to change the order status page layout widget to suit my site, but I want to make is if the order contains 0 the div remains green and if she has another number greater than 0, it will change the color of the div to the Red

the code snippet is below:

< class 'number' p = > {% if the statutes contains statusId-%}
< script > document.write (counts [{{item.id}}]); < /script >
{%-%}
0
{endif %}
command < /p >

< class p = "liquid" > {endfor %} < /p >}

ignore the < p > it is a quick solution to hide the liquid while designing the page layout

Change your code as follows:

{assign = 'green'-% statusClassColour %}
{% If the statutes contains statusId-%}
{assign = 'red'-% statusClassColour %}
{endif %}


{% If the statutes contains statusId-%}

{%-%}
0
{endif %}
order

In css, do status_red and status_green to change the colors for you. Adapt the names accordingly if you wish.

PS: If you want to hide liquid, use the {% comment %} is the code to be hidden {% endcomment %} tag.}}

Tags: Business Catalyst

Similar Questions

  • How can I change the background color of the container "bootstrap" - not the container of liquid?

    I would like to change the background color of a container. Can I change the color of a container of liquid, but I want to only change the color in the container inside the container of liquid.

    Thank you Jon 32137

    What is the name of the class to the container in the container of liquid?

    Use some css in a separate linked style sheet and make sure the css file just after the link to the bootstrap.css file in the page code.

    {name of .class

    background-color: yellow;

    }

  • To change the background color. Using Dreamweaver CS4

    I can't change the background color [greenish gray color], a table, a web page... Please see http://www.urefillit.com/index2.html can use some help here... I also note that the background foliage is slow loading... Any suggestions as to what caused the delay of loading?

    Thanks in advance!

    Using CS4... The Code is as follows:

    "< html xmlns ="http://www.w3.org/1999/xhtml"lang ="fr"XML: lang ="fr">"
    < head >
    < meta name = "msvalidate.01" content = "F33B6715B987C15F0176AAFDA87BE459" / > "
    < name meta = "generator" content = "HTML Tidy for Linux (to March 25, 2009), see www.w3.org"/ >
    < title > Urefillit produces and sells Octenol, luring Asian Tiger and Kaboom products replacement type < /title >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    < name meta = "Description" content = "we focus on providing high quality products and a commitment to customer satisfaction - we will do everything we can to meet your expectations for the fight against mosquitoes best price and quality and Kaboom replacement type products available in the market today" / >
    < meta name = "Keywords" content = "Octenol, Lure, Asian Tiger mosquito lure, Kaboom refills, killing mosquitoes mosquito magnet machine" / >
    < name meta = "Robots" content = "index, follow" / >
    < style type = "text/css" >
    / * < ! [CDATA [* /]]
    {body
    background-image: url(images/SambucusBlackLaceFoliage.jpg);
    background-color: #FFCC66;
    }
    Body.C7 {background-attachment: fixed}
    div. C6 {text-align: center}
    p.C5 {do-family: Arial; do-size: 70%; text-align: center}
    span. C4 {do-family: Arial; size are: 70 %}}
    span. C3 {do-family: Courier}
    p.C2 {text-align: center}
    span. C1 {do-family: Courier; do-size: 120 %}}
    /*]]>*/
    . C7 table tr {.c11}
    background-color: #F60;
    do-size: 18px;
    }
    TR .c11 table tr td p {}
    do-family: "Times New Roman", Times, serif;
    font size: 16pt;
    }
    . C7 table tr .c11 table tr td p {}
    do-family: "Times New Roman", Times, serif;
    font-size: XL;
    }
    . C7 table tr .c11 table tr td p {}
    do-family: "Times New Roman", Times, serif;
    font size: 16pt;
    }
    . C7 table tr .c11 #table2 tr th {}
    background-color: #0F6;
    }
    /*]]>*/
    < / style >

    "< script src ="file:///C|/Scripts/swfobject_modified.js"type =" text/javascript">"
    < /script >
    < style type = "text/css" >
    / * < ! [CDATA [* /]]

    table. C16 {background-color: #FFD9B3}
    p.C15 {text-autospace: none ;}}
    Th.C14 {background-color: #00FF99}
    TD. C13 {background-color: #00FF99}
    Th.C12 {background-color: #FF6666}
    H2. C11 {make-size: 120 %}}
    span. C10 {make-size: 150 %}}
    span. C9 {text-decoration: underline}
    div. C8 {make-size: 70%; text-align: right}
    TD. C7 {background-color: #003399}
    p.C6 {text-decoration: underline}
    table. C5 {background-color: #FFCC66}
    TD. C4 {background-color: #FFFFFF}
    div. C3 {text-align: center}
    {table. C2}
    background-color: #0F6;
    do-size: 18px;
    }
    Th.C1 {background-color: #FFFFFF}
    . C7 tr table th {} .c7
    color: #008040;
    }
    . C7 tr th .c7 table {strong}
    Color: #000;
    }
    . C7 tr table th {} .c7
    Color: #000;
    }
    . C7 tr table th .c1 {strong}
    color: #008000;
    }
    /*]]>*/
    < / style >

    < style type = "text/css" >
    / * < ! [CDATA [* /]]
    {body
    background-color: #FFCC33;
    }
    Th.C1 {background-color: #FFCC66}
    /*]]>*/
    Th.C11 {background-color: #FFFFFF}
    {Th.C11}
    background-color: #F93;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    visibility: visible;
    Width: auto;
    }
    . C7 table tr .c11 #table2 tr e .c2 a strong {.c3
    Color: #00F;
    }
    . C7 table tr .c11 #table2 tr td a {}
    Color: #00F;
    }
    . C7 table tr .c11 #table2 tr td a {}
    Color: #00F;
    }
    . C7 table tr .c11 #table2 tr td p {}
    Color: #00F;
    }
    . BLUE {color: #00F;}
    }
    . BLUE {color: #00F;}
    }
    . Blue {color: #00F;}
    }
    . Blue {color: #00F;}
    }
    p.C1 {text-align: center}
    p.C13 {do-size: 80%; text-align: center}
    p.C71 {margin-right: 0;}
    margin-left: 0;
    font-size: 9.5pt;
    do-family: "Comic Sans MS";
    color: #000040;
    }
    span. C101 {make-size: 80 %}}
    span. C12 {do-family: Courier New, Courier, monospace}
    span. C6 {do-family: Arial}
    < / style >

    < style type = "text/css" >
    / * < ! [CDATA [* /]]
    IMG. C16 {border: 0; width: 88px; height: 31px}
    span. C15 {make-size: 120 %}}
    div. C14 {color: #FFFFFF; do-size: 150%; text-align: center}
    span. C13 {make-size: 18.0pt; color: #B90D09 ;}}
    Strong.C12 {text-decoration: underline}
    span. C11 {do-family: "Comic Sans MS"; color: red ;}}
    EM. C10 {text-decoration: underline}
    span. C9 {color: red ;}}
    table. C8 {background-color: #006600}
    TD. C7 {background-color: #006600}
    span. C6 {make-size: 150%; text-decoration: underline}
    p.C5 {text-decoration: underline}
    p.C4 {text-align: center; text-decoration: underline}
    p.C3 {text-align: center}
    span. C2 {text-decoration: underline}
    div. C1 {text-align: center}
    /*]]>*/
    . C7 table tr .c11 #table2 tr td p {}
    Color: #00F;
    }
    {.eight}
    Color: #F00;
    }
    < / style >

    < style type = "text/css" >
    / * < ! [CDATA [* /]]
    <!--
    {p.MsoNormal}
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10.0pt;
    margin-left: 0;
    line-height: 115%;
    font-size: 11.0pt;
    font family: 'Calibri', 'sans-serif ';
    }
    . C7 table tr .c11 strong .c5 u span {}
    color: #008080;
    }
    . C7 table tr .c11 p u em {}
    Color: #00F;
    }
    . C7 table tr .c11 p em {} u
    Color: #00F;
    }
    . Table tr .c11 tr td table C7. C7.C6 .c10 {}
    do-family: 'Courier New', Courier, monospace;
    }
    . Table tr .c11 tr td table C7. U solid MsoNormal span {}
    Color: #00F;
    }
    . Table tr .c11 tr td table C7. U solid MsoNormal span {}
    do-family: "Times New Roman", Times, serif;
    }
    . C7 table table tr td p u .c11 tr {strong}
    do-family: "Times New Roman", Times, serif;
    }
    . C7 table table tr td p u .c11 tr {strong}
    do-family: "Times New Roman", Times, serif;
    }
    . C7 table table tr td p u .c11 tr {strong}
    do-size: 16px;
    }
    . C7 table tr .c11 table tr td p {}
    do-size: 10px;
    }
    . C7 table tr .c11 table tr td p {}
    do-size: 12px;
    }
    . C7 table tr .c11 table tr td p {}
    do-size: 12px;
    }
    . C7 table tr .c11 table tr td p {}
    do-size: 12px;
    }
    . Table tr .c11 tr td table C7. U solid MsoNormal span {}
    color: #000040;
    }
    . C7 table tr .c11 .c7 tbody tr e a {}
    Color: #000;
    }
    . C7 table tr .c11 #table2 tr td a {}
    Color: #000;
    }
    . C7 table tr .c11 #table2 tr e .c2 {a}
    Color: #000;
    do-size: 18px;
    }
    . C7 table tr .c11 #table2 tr e a {}
    Color: #000;
    do-size: 18px;
    }
    . C7 table tr .c11 p u police strong {}
    color: #B80738;
    }
    . C7 table tr .c11 u p strong {}
    color: #B80738;
    }
    . C7 table table tr td p u .c11 tr {strong}
    font size: 24 PX.
    }
    . C7 table tr .c11 table tr td p {}
    font size: 16pt;
    }
    . C7 table tr .c11. MsoNormal span {}
    font size: 24 PX.
    }
    . C7 table tr .c11. MsoNormal span {}
    font size: 24 PX.
    }
    . C7 table tr .c11. MsoNormal span {}
    font size: 24 PX.
    }
    . C7 table tr .c11 #table2 tr th {}
    do-size: 16px;
    }
    . C7 table tr .c11 #table2 tr e p a {}
    do-size: 18px;
    }
    . C7 table tr .c11 #table2 tr e p a {}
    do-size: 18px;
    }
    . C7 table tr .c11 #table2 tr e p a {}
    do-size: 18px;
    }
    . Table tr .c11 tr td table C7. MsoNormal {a}
    do-size: 18px;
    }
    . Table tr .c11 tr td table C7. MsoNormal {a}
    font size: 24 PX.
    }
    . C7 table tr .c11. MsoNormal span {}
    font size: 24 PX.
    }
    . C7 table tr .c11 tr table th a {}
    font size: 18pt;
    }
    ->
    /*]]>*/
    < / style >

    < style type = "text/css" >
    / * < ! [CDATA [* /]]
    table. C11 {background-color: #0033FF}
    Th.C10 {background-color: #8D8D5E}
    span. C9 {do-family: "Times New Roman", "serif"; font-size: 18pt ;}}
    p.C8 {line-height: normal; margin-bottom: .0001pt; text-align: center}
    p.C7 {; do-family: "Times New Roman", "serif"; do-size: 14pt; text-align: center}
    p.C6 {; do-family: "Times New Roman", "serif"; color: #00F; font size: 18pt; font style: italic; text-align: center}
    span. C5 {make-style: italic}
    span. C4 {line-height: 115%; do-family: "Times New Roman", "serif"; font-size: 16.0pt ;}}
    p.C3 {text-align: center}
    Strong.C2 {text-decoration: underline}
    Th.C1 {background-color: #FFFFFF}
    /*]]>*/
    < / style >
    < / head >
    < body >
    /*
    <! [CDATA [* /]]
    & amp; amp; Lt;! --
    #Layer1 {position: absolute;}
    Width: 110px;
    height: 34px;
    z-index: 1;
    left: 430px;
    top: 1116px;
    visibility: visible ;}
    #Layer2 {position: absolute;}
    Width: 170px;
    height: 33px;
    z-index: 1;
    left: 536px;
    top: 652px ;}
    p.C7 {color: #000000; do-family: Arial; size are: 80 %}}
    -& amp; amp; GT;
    / *]] >
    "* / < script src ="file:///C|/Scripts/AC_RunActiveContent.js"type =" text/javascript">"
    < /script >
    < table class = "c11" width = "1250" border = "15" align = "center" cellpadding = "5" >
    < b >
    < width th = "888" height = "2254" align = "center" valign = "top" class = "c10 c11" scope = "col" >
    < p > < br / >
    < img src = "images/webpagepicture.jpg" alt = "Header of WEB PAGE" width = "1267" height = "212" border = "6" align = "middle" / > < br / > < / p > "
    < table width = "1188" border = "6" align = "center" class = "c2" id = "table2" >
    < b >
    < th width = "143" scope = "col" >
    < p > < a href = "OctenolLure.html" > < /a > Octenol bait < /p > ""
    < /th >
    < th width = "145" scope = "col" > < a href = "FlowtronTypeLure.html" > FlowtronTypeLure < /a > < /th >
    < th width = "145" scope = "col" >
    < p > < a href = "AsianTiger.html" > < / a > < a href = "AsianTiger.html" > Asian Tiger Lure < /a > < /p > "
    < /th >
    < th width = "146" scope = "col" > < a href = "Combolure.html" > Combo Lure < /a > < br / > ""
    (Octenol & amp; Lactic acid) < /th >
    < th width = "146" scope = "col" >
    < p > < a href = "SkeeterVacLure.html" > attractant Lure < /a > < /p > ""
    < /th >
    < th width = "145" scope = "col" >
    < class p = "c2" > < a href = "mosquitomagnettroubleshootingguide.html" > Mosquito Magnet < /a > < /p > ""
    < class p = "c2" > < a href = "mosquitomagnettroubleshootingguide.html" > Guide to repair < /a > < /p > ""
    < /th >
    < td width = "145" align = "center" valign = "middle" scope = "col" > < a href = "Kaboom.html" > Kaboom < /a > < a href = "/ Kaboom.html" > < /a > < table > tablets replacement ""
    "< th = height"111"width ="104"align ="center"valign ="middle"scope ="col"> < a href ="https://www.paypal.com/us/verified/pal=sales%40urefillit%2ecom"target ="_blank"" > < img src = "https://www.paypal.com/en_US/i/icon/verification_seal.gif" alt = "Official PayPal seal" width = "98" height = "108" border = "0" align = "top" / > < /a > < br / >
    < br / > < /th >
    < /tr >
    < /table >
    < br / >
    < table width = "282" border = '20' align = "center" cellpadding = "0" >
    < b >
    "< class th ="c1"width ="128"scope ="col"> < img src="images/flying%20mosquito.gif "alt =" "* Please DESCRIBE THIS IMAGE *" width = "97" height = "75" / > < /th > "
    < class th = "c1" width = "104" scope = "col" > < a href = "#" onClick = "window.open ('https://www.sitelock.com/verify.php?site=www.urefillit.com ',' SiteLock ',' width = 600, height = 6 00, left = 160, high = 170'); " "> < img src="//shield.sitelock.com/shield/ www.urefillit.com "alt ="security Web site"align ="absmiddle"title ="SiteLock"/ > < /a > < /th >
    < /tr >
    < /table >
    < p > <! - start RatePoint Site Seal - please, do not change->
    <! - end RatePoint Site Seal - please, do not change->
    <! - start RatePoint subscription tool - please, do not change->
    <! - end RatePoint subscription tool - please, do not change->
    ======================================================================================</p >
    < table width = "1002" border = "0" align = "center" >
    < b >
    < td width = "996" >
    < class p = 'c3' > < strong class = "c2" > all about Urefillit, LLC < facilities > < / p >
    < class p = 'c3' > < span class = 'c4' > Urefillit, LLC prides itself on the quality and consistency of its fine products, that are designed, produced and manufactured in the USA. Production control of quality to the final shipment, our highly qualified team ensures the best quality and reliable service for our customers. We focus on providing high quality products and a commitment to the satisfaction of the customer. We will do everything that we can to meet your expectations for the best price and quality mosquito lures, Kaboom replacement tablets and tablets of bromine available on the market today. With a variety of offerings to choose from, we are sure you will be happy with your purchase. Thank you for visiting our website and if you have any comments or questions, do not hesitate to contact us. We hope to see you soon! </span > < br / > < / p >
    < class p 'c3' = > < img src = "images/made_in_USA.jpg" width = "221" height = "228" alt = "usa" / > < br / > "
    < br / > < / p >
    <p class="c3">****************************************************************************** *************<br />
    < br / > < / p >
    < class p 'c6' = > REFUND POLICY: < span class = "c5" > our number one goal is your satisfaction. If our product is not as advertised you can then return item unused for a refund. 25% restocking fee may apply. Buyer pays return shipping fees. Elements of special and international orders DO NOT qualify for a refund. < / span > < br / >
    < br / > < / p >
    < class p = "c7" > < img src = "images/ebay-top-rated-seller - tracking.jpg" width = "230" height = "158" alt = "" * Please DESCRIBE THIS IMAGE * "" / > < a href = "http://feedback.ebay.com/ws/eBayISAPI.dll?ViewFeedback2 & amp; userid = fjp800 & amp; ftab = Feedbac kAsSeller" > < br / >
    Check out our E - Bay feedback < /a > < /p >
    < class p = "c7" > < br / >
    ****************************************************************************************** ********************<br /></p>
    < table >
    < /tr >
    < /table >
    < table width = "1002" border = "0" align = "center" >
    < b >
    < td width = "996" >
    < class p = 'c3' > < strong class = "c2" > using Octenol to attract mosquitoes < br / > < / strong > < br / > < / p >
    < class p 'c3' = > Octenol is a natural chemical that occurs naturally as a by-product of the plants and animals that eat a lot of vegetables produce. If carbon dioxide is mixed with octenol, it turned to be an attractant for several species of mosquitoes. There are other insects like the fire of the ships and the fire ships which are also attracted to this perfume. It turned out to be a very effective product, especially for the fire ships. < br / >
    < br / >
    < img src = "images/12137165-cartoon - stop - mosquito.jpg" width = "168" height = "168" alt = "mosquito" / > < br / >
    < br / >
    Octenol is also a pesticide ingredient which is used to attract mosquitoes and flies that bite. He does not kill insects; It only attracts them. It can be used in combination with other products and devices that kill once they are successfully attracted the device. It is important to know that no pests are also lured and destroyed by some of the features. < br / >
    < br / >
    If octenol is ingested, there is a possibility of toxicity. However, it is not harmful in the air to humans, animals or the environment. It is extremely important that it is kept safely of children to avoid the risk of ingestion. Placement of repulsion and the device used to catch biting insects must be carefully considered. It should be kept safely away from children and pets. < br / > < / p >
    < class p 'c3' = > to be more effective in the fight against mosquitoes, the bait should be placed between the breeding grounds for the mosquito and the area where the people. There are limits of beach that reaches the attractant and this needs to be seen in the implementation of the trap also. < br / > < / p >
    < table >
    < /tr >
    < /table >
    "< a href ="http://www.startlogic.com/join/index.bml?AffID=626972 & amp; cid = 592 "" > < br / > < / has > = ""
    "< p > < img src ="images/americanatural_1875_97577.gif"width ="234"height ="118"alt =" * Please DESCRIBE THIS IMAGE * "/ > < / p >
    < p > contemplating the purchase of a trap? If so, compare the following pitfalls before making a purchase: < /p >
    "< a href ="http://www.bluerhino.com/BRWEB/Outdoor-Living-Products/Mosquito-Traps.aspx "> attractant < /a>"
    < table class = "c6" border = "0" align = "center" >
    < tbody >
    < b >
    < td align = "center" >
    "< div class ="c3"> < a href ="http://www.mosquitomagnet.com/ "> Mosquito magnet < /a > < / div >"
    < table >
    < /tr >
    < / tbody >
    < /table >
    < table class = "c6" border = "0" align = "center" >
    < tbody >
    < b >
    < td >
    "< div class ="c3"> < a href ="http://www.megacatch.com/ "> mega-taking < / has > < / div>"
    < table >
    < /tr >
    < / tbody >
    < /table >
    < table class = "c6" border = "0" align = "center" >
    < tbody >
    < b >
    < td >
    "< div class = 'c3' > < a href ="http://koolatrononline.stores.yahoo.net/mosquito-control.html "> Koolatron < / a > < / div>"
    < table >
    < /tr >
    < / tbody >
    < /table >
    < table class = "c6" border = "0" align = "center" >
    < tbody >
    < b >
    < td width = "273" >
    "< div class ="c3"> < a href ="http://www.mosquitocontroltrap.com/comparisons "> Mosquito comparison of trap < /a > < / div >"
    < table >
    < /tr >

    < / tbody >
    < /table >
    < p > < br / > < / p >
    < table width = "126" border = '20' align = "center" cellpadding = "0" >
    < b >
    "< class th ="c1"scope ="col"> < a href ="mailto:[email protected] "> email Urefillit < /a > < /th >"
    < /tr >
    < /table >
    < br / >
    < class p = 'c8' > < / p >
    < class p = 'c8' > < span class = 'c9' > Urefillit, LLC < br / >
    800 shore Drive East < br / >
    Oldsmar, Florida 34677-4402 </span > < / p >
    < class p = 'c8' > < / p >
    "< p > < a href ="http://validator.w3.org/check?uri=referer "" > < img src = "http://www.w3.org/Icons/valid-xhtml10" alt = "Valid XHTML 1.0" Transitional height = "31" width = "88" / > < /a > < br / > < / p >
    < p > < / p >
    < /th >
    < /tr >
    < /table >
    < script type = "text/javascript" >
    <! [CDATA]
    <!--
    swfobject.registerObject ("FlashID");
    ->
    []] >
    < /script >
    < / body >
    < / html >

    Why all the CDATA tags in your styles?  You don't need them there and they create problems.

    You have considered all this reconstruction without tables?  A large part of your code looks like it comes from MS Word which is not optimal for the web.

    The background image is + 1000px of wide and 374,01 KB (382 985 bytes).  For the fastest loading backgrounds, consider using Gradients in CSS or small, seamless tiles and repeating to fill the viewport.

    Honestly, I don't see anything here that couldn't be done better & much more effectively with a formatting table-less CSS. You want me to show you how?

    Nancy O.

  • How can I programically change the background color of a VI using another VI?

    Is it possible to change the background color of text of an indicator on the front of an a different VI VI?

    Hello

    You can programmatically change the front like that, code

    Can I programmatically change the colour of the façade?

    http://digital.NI.com/public.nsf/allkb/0DDBDB2FE2F54A5286256918006D7BB9?OpenDocument

    Then using VI Server, you can get a reference to VI on another computer to change it (or on the same machine)

    Hope this helps,

  • Change the font color in a report using SQL for APEX 5.0 queries

    Hello

    I'm testing APEX 5.0 in my test environment to see if I can migrate my internal applications of 4.2 to 5.0.

    How can I change the font color in a field based the SQL query? I know how to do it in 4.2, but I can't find the same in 5.0.

    Thank you

    Well, I used to put html tags in the select text, getting the value of depending on the CASE, so I had to change the display column attribute in the report as "Display in text form (space special characters...)".

    I found an old post here: https://tylermuth.wordpress.com/2007/12/01/conditional-column-formatting-in-apex/ and this method still worked for me in APEX 5.0

    Thanks anyway

  • Change the font color in a report by using the SQL query

    Hello

    I'm changing the font color based using a BOX the query in the form below:
    select "ORDER_ID", 
"ORDER_REFERENCE",
"ORDER_DATE",
"ORDER_SOURCE",
"TOTAL_DISCOUNT",
"DELIVERY_TYPE",
"PICKUP_DATE",
case
     when order_status = 1 then '<font color="red">'|| order_status||'</font>'
     else
     '<font color="blue">'||order_status||'</font>'
end order_staus,
"DELIVERY_STATUS",
"USER_ID",
"CUSTOMER_ID",
"SITE_ID"
from "ORDERS"
    I can get this working by selecting the Standard report column in the type of the column header . However this to say that I can't use the LOV LOV options involve removing the HTML characters.

    Is there a way I can conditionally change the font with the above query and use LOV as well? Thank you.

    Environment

    Apex 4.1.1 to apex.oracle.com
    Theme 13

    Published by: taepodong on June 3, 2012 07:28

    I'm sure that not looking the application form first before posting this question.

    Your solution would be:
    Please edit your report column under > report attributes > and select the property view as as a Standard report column

  • How to change the menu colors when you use the menu widget?

    So I inserted a menu using the menu widget, but how can I change the background colors? at this time is grey

    To change the background color of the item of a menu, simply select the Menu item (by clicking on the Menu twice) and change the color using the options of filling for the different States. If you change selection set in the options list, the color would be changed for all menu items.

    Thank you

    Vinayak

  • How to change the highlight color, click the button image and text and sound.  are there packages of buttons for use in my project?

    How to change the highlight color, click the button image and text and sound. are there packages of buttons for use in my project?

    Hello

    Even if the point of things based Web links buttons created using them is of simple images. Captivate uses simple images. If you need to put your creative hat and not to let the fact that you see the word 'web' scared you somehow. An image is an image. Use on the web, use Captivate. Same case!

    If you change the properties of the button, you can activate the legend of success. Fix any sound that you like with the legend of success and it will play when you click the button. If you do not want to see the legend of success, delete the text and configure it as transparent.

    See you soon... Rick

    Useful and practical links

  • change the fill color of button using action script.

    Hi guys... How to change the color of button using the action band. for example, I created a button, and the fill color for the button is green now. After I clicked on the button, I want the button to change the red color.

    If the text is a child of the button, it will be changed by this code.  to remedy this, you must use a background for your button and convert it to a movieclip (if you do this in the authoring environment).  Give it an instance name, as the bg.

    You can then apply the transform.colorTransform to yourButton.bg

  • When using the pencil to write the fonts in a PDF file is always red, can I change the font color?

    How can I change the font color of pencil tool?

    Hello

    You can change the color of the free form, created with the pencil tool. Click on the created free form and then select the color option in the list. Color palette will appear. You can now select the desired color.

    Thank you

    Adobe Acrobat team

  • Change the background color of the banner in the theme of the APEX 25

    Hi guys,.

    I'm changing the background color of the banner in the theme of the APEX 25 (in white).

    Oracle.apex.com: Application Express 4.2.5.00.08

    Theme/UI: 25. Reactive blue

    Page template: A level Tabs - no side bar

    Using Internet Explorer 8
    I have created a sample in oracle.apex.com too, see below for credentials

    What I've done so far:

    1. create a file named orange.css with a single line:


    hgroup {background: white ;}}


    Downloaded this css file via:

    Components shared = > Cascading Style sheets

    2 then reference this CSS via the shared components = > templates = > edit the template Page = > a level Tabs - No. Sidebar = > definition = > header

    Added this line before the < / head > tag:

    < link rel = "stylesheet" href = "" #WORKSPACE_IMAGES #orange.css "type =" text/css">"

    Then changed:

    < h1 > < a href = "" #HOME_LINK # "id ="uLogo"> #LOGO # < /a > < / h1 >"

    VOX

    < hgroup > < a href = "" #HOME_LINK # "id ="uLogo"> #LOGO # < /a > < / hgroup >"

    Although the CSS works well, I have two questions:

    1. the sides of the banner are blue instead of white

    2. the disconnect next to the user name button is hidden and only appears when you browse on

    Does anyone know how to solve these problems?

    Here is a link with the model of the application:

    https://Apex.Oracle.com/pls/Apex/f?p=4500:1000:115959518208631

    Workspace: ORANGE

    User: guest

    Password: 01range

    My email: [email protected]

    Much appreciated!

    Jeroen van Meenen wrote:

    Then changed:

    VOX

    You should not use hgroup here. Leave that as a h1 element.

    • hgrouphas been removed from the W3C HTML specification.
    • With the help of hgroup of this way is non-compliant because it does not contain at least one child h1-h6 element.

    Although the CSS works well, I have two questions:

    1. the sides of the banner are blue instead of white

    The original blue background of the theme is actually applied to the containing header element, not the h1 (or hgroup in your example), it is the rule that must be overridden:

    header#uHeader {
  background: #fff;
}

    2. the disconnect next to the user name button is hidden and only appears when you browse on

    The link to logout of the theme is white to contrast with the original blue background. What should be replaced by a dark to be visible on the new white foreground color, and a contrasting hover appearance applied:

    div.userBlock a:link,
div.userBlock a:visited {
  color: #004F7C;
}
div.userBlock a:hover {
  background-color: #b6ceed;
  color: #fff;
}

  • Need advice... Try to change the background color of a region...

    Hi experts Apex knowing html css well want to help me...
    1)
    I am trying to change the background color of a region... This color... #f2825b
    The current theme I use is that of the sample application... The theme 4 "Topaz"...
    The css used is theme_4_0.css
    I look in the model...

    < div class = 'rounded-corner-region' id = "' #REGION_STATIC_ID # ' #REGION_ATTRIBUTES # >"
    < div class = "rc-gray-top" > < div class = 'rc-gray-top-r' >
    < div class = "rc-title" > #TITLE # < / div >
    < / div > < / div >
    < div class = "rc-body" > < div class = 'rc-body-r' >
    < div class = "rc-content-buttons" > #CLOSE ##PREVIOUS # CREATE2 # next ##DELETE ##EDIT ##CHANGE ##CREATE ##EXPAND # COPY HELP # # < / div >
    < div class = "rc-content-hand" >
    #BODY # < div class = "clear" > < / div > < / div > < / div > < / div >
    < div class = "rc-bottom" > < div class = 'rc-bottom-r' > < / div > < / div >
    < / div >

    I was looking through forums .and someone mentioned an idea to use the static region of the id do... Yet, I am unable to do it... Do not know how to use it actually.
    If anyone can help... I can read the css... Am not an expert, but it... very very beginner...

    What I need to make a new model... and... so what should I write in these model... I need to change the background color of border and in the region of the existing model
    Kindly help... Any information will be greatly appreciated...

    (2) and when I look in the css... and class... "RC-gray-top rc-body etc I do not see a single class named rc-body...
    But his similarly named in... rounded-corner-region .rc-gray-top,
    Here's the .rc-gray-top class.
    . Rounded-corner-region what is an html element... ?





    Published by: pauljohny on June 21, 2012 21:04

    Published by: pauljohny on June 21, 2012 21:10

    pauljohny wrote:
    Hi experts Apex knowing html css well want to help me...
    1)
    I am trying to change the background color of a region... This color... #f2825b
    The current theme I use is that of the sample application... The theme 4 "Topaz"...
    The css used is theme_4_0.css
    I look in the model...



    #TITLE #.



    #CLOSE # PREVIOUS # ##DELETE NEXT ##EDIT ##CHANGE # CREATE # CREATE2 # EXPAND ##COPY # HELP #.


    #BODY #.


    I was looking through forums .and someone mentioned an idea to use the static region of the id do... Yet, I am unable to do it... Do not know how to use it actually.

    http://docs.Oracle.com/CD/E23903_01/doc/doc.41/e21674/ui_region.htm#sthref1967

    So if you give your region the static region ID "foo", you can reference it in CSS using the ID selector #foo.

    If anyone can help... I can read the css... Am not an expert, but it... very very beginner...

    What I need to make a new model... and... so what should I write in these model... I need to change the background color of border and in the region of the existing model
    Kindly help... Any information will be greatly appreciated...
    (2) and when I look in the css... and class... "RC-gray-top rc-body etc I do not see a single class named rc-body...
    But his similarly named in... rounded-corner-region .rc-gray-top,
    Here's the .rc-gray-top class.
    . Rounded-corner-region what is an html element... ?

    This is the class for the outside divselector:
    {code}


    {code}

    As you like, the themes of APEX 4.0 use certain (complex techniques of CSS above). This includes the use of background + images + on several elements to provide what you think as long as the borders and background colors. It will be difficult to replace with your limited knowledge. Suggest you start with something more simple: see + {message identifier: = 10403264} +.

    What is this area to be used for? What will contain? You want to keep + all + of the structure and appearance of the existing model?

    And as is said in almost every thread on the themes of the visuals for form/templates/CSS layout + creation of an example of the problem on apex.oracle.com is a much more effective way to get assistance as writing screeds about it here.

  • Is it possible to change the external color of the iPhone?

    I wanted to know if its possible to change the external color of the iPhone. My mother bought a pink iPhone, but she could not get used to it, so she gave it to me, and I want to know if its possible to pass to a rose grey.

    Thank you.

    None

  • Change the default color of Firefox opening links in a new tab

    I use stylish addon for Firefox with a dark default css. I also changed the default window colors in the Windows registry. This changed the subject: white page to a dark color. But when I open a link in a new tab before the page is loaded, Firefox displays a blank page with a white background. I wonder how to change the white color to another.

    See also the discussion in this old MozillaZine forum thread.

  • How to change the font colors in the communities of support?

    How to change the font colors in the communities of support?

    Thank you

    Press or click on use the Advanced Editor in the upper right of this text block which will take you to it.

Maybe you are looking for

  • Impossible to update SSL certificate for Mail account

    My SSl certificate has expired. I bought a new one installed and all other mail client works fine... except this junk called Mac Mail. Now, I can't check my email at all. I have 14 accounts on the same server. One account was asked to accept the new

  • W520 Type 4270... Tabook.pdf question?

    Someone at - it an older tabook.pdf which lists the Type 4270 W520 (or a link to an older version)? __________________________________

  • Start on black screen after installing updates

    is please help because it is very annoying because I have to always use my vista recovery disk, then click on repair your computer to get my computer restart. * Title *.After that I'm going to restart my computer to apply updates my computer past the

  • Sequencing of PDF files in a file

    I have a file with 16 pages of PDF files. How the sequences if they would like an article. Or what I come to scan them again.

  • Calling from crook

    I got a call from 011 800 4250272 claiming to be calling dell. I knew immediately it was a crook.  This person called my cell phone and had all the information on my laptop. I want to know if dell sells your information or dell had a hack and someone