{"id":16173,"date":"2022-10-14T12:41:22","date_gmt":"2022-10-14T07:11:22","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/"},"modified":"2022-10-14T12:41:22","modified_gmt":"2022-10-14T07:11:22","slug":"solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/","title":{"rendered":"[Solved] How to Set the background color for h:commandButton in backing bean"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

You’re making some conceptual mistakes. <\/p>\n

    \n
  1. You’re confusing JSF with Swing.<\/li>\n
  2. You’re trying to manipulate the view in the controller.<\/li>\n<\/ol>\n

    To learn what JSF is, start here. To learn what Swing is, start here. They are not the same. Stop thinking in Swing or searching for Swing solutions when developing with JSF.<\/p>\n

    As to the MVC aspect, the backing bean is the controller. It should only manipulate the model (bean’s properties), not the view (XHTML file). The view (XHTML file) should only access the model (bean’s properties) via the controller (the managed bean instance).<\/p>\n

    Below is the right way:<\/p>\n

    private boolean dateEqual;\n\npublic void someActionMethod() {\n    dateEqual = dt.equals(date);\n}\n\npublic boolean isDateEqual() {\n    return dateEqual;\n}\n<\/code><\/pre>\n
    <h:commandButton ... style=\"background: #{bean.dateEqual ? 'yellow' : 'none'}\" \/>\n<\/code><\/pre>\n
    Alternatively, you can even get away without an additional property if you have getter methods for both dt<\/code> and date<\/code> properties:<\/p>\n
    <h:commandButton ... style=\"background: #{bean.dt eq bean.date ? 'yellow' : 'none'}\" \/>\n<\/code><\/pre>\n
    Note that using inline CSS via style<\/code> attribute is a poor practice in HTML perspective. Best would be to create a CSS class representing the specific condition. E.g. “highlight” (or whatever specific term the particular conditon has).<\/p>\n
    .highlight {\n    background: yellow;\n}\n<\/code><\/pre>\n
    <h:outputStylesheet name=\"style.css\" \/>\n...\n<h:commandButton ... styleClass=\"#{bean.dateEqual ? 'highlight' : ''}\" \/>\n<\/code><\/pre>\n<\/p><\/div>\n
    <\/div>\n<\/div>\n
                6<\/span> <\/p><\/div>\n<\/div>\n
    [ad_2]<\/p>\n
    solved How to Set the background color for h:commandButton in backing bean <\/p>\n","protected":false},"excerpt":{"rendered":"
    [ad_1] You’re making some conceptual mistakes. You’re confusing JSF with Swing. You’re trying to manipulate the view in the controller. To learn what JSF is, start here. To learn what Swing is, start here. They are not the same. Stop thinking in Swing or searching for Swing solutions when developing with JSF. As to the … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[1772],"class_list":["post-16173","post","type-post","status-publish","format-standard","hentry","category-solved","tag-jsf"],"yoast_head":"\n[Solved] How to Set the background color for h:commandButton in backing bean - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How to Set the background color for h:commandButton in backing bean - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] You’re making some conceptual mistakes. You’re confusing JSF with Swing. You’re trying to manipulate the view in the controller. To learn what JSF is, start here. To learn what Swing is, start here. They are not the same. Stop thinking in Swing or searching for Swing solutions when developing with JSF. As to the ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-14T07:11:22+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How to Set the background color for h:commandButton in backing bean\",\"datePublished\":\"2022-10-14T07:11:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/\"},\"wordCount\":187,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"jsf\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/\",\"name\":\"[Solved] How to Set the background color for h:commandButton in backing bean - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-10-14T07:11:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How to Set the background color for h:commandButton in backing bean\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How to Set the background color for h:commandButton in backing bean - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How to Set the background color for h:commandButton in backing bean - JassWeb","og_description":"[ad_1] You’re making some conceptual mistakes. You’re confusing JSF with Swing. You’re trying to manipulate the view in the controller. To learn what JSF is, start here. To learn what Swing is, start here. They are not the same. Stop thinking in Swing or searching for Swing solutions when developing with JSF. As to the ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/","og_site_name":"JassWeb","article_published_time":"2022-10-14T07:11:22+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How to Set the background color for h:commandButton in backing bean","datePublished":"2022-10-14T07:11:22+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/"},"wordCount":187,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["jsf"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/","url":"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/","name":"[Solved] How to Set the background color for h:commandButton in backing bean - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-10-14T07:11:22+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-set-the-background-color-for-hcommandbutton-in-backing-bean\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How to Set the background color for h:commandButton in backing bean"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/16173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=16173"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/16173\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=16173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=16173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=16173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}