Yes, `th:attr` to the rescue [Thymeleaf documentation - Setting attribute values](http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#setting-value-to-specific-attributes).

For your scenario, this should do the job:

   
    &lt;div th:attr=&quot;data-el_id=${element.getId()}&quot;&gt;
          

XML rules do not allow you to set an attribute twice in a tag, so you can&#39;t have more than one `th:attr` in the same element. 

Note: If you want more that one attribute, separate the different attributes by comma: 

    &lt;div th:attr=&quot;data-id=${element.getId()},data-name=${element.getN‌​ame()}&quot;&gt; 

Or you can use this Thymeleaf dialect https://github.com/mxab/thymeleaf-extras-data-attribute and you&#39;ll be able do

    
    &lt;div data:el_id=&quot;${element.getId()}&quot;&gt;
           

With Thymeleaf 3.0 there is the [Default Attribute Processor][1] which can be used for any kind of custom attributes, e.g. `th:data-el_id=&quot;&quot;` becomes `data-el_id=&quot;&quot;`, `th:ng-app=&quot;&quot;` becomes `ng-app=&quot;&quot;` and so on. There is no need for the beloved data attribute dialect anymore.

This solution I prefer, **if I want to use json** as the value, instead of:
```
th:attr=&quot;data-foobar=&#39;{&amp;quot;foo&amp;quot:&#39;+${bar}+&#39;}&#39;&quot;
```

You can use (in combination with [literal substitution][2]):
```
th:data-foobar=&#39;|{&quot;foo&quot;:${bar}}|&#39;
```

**Update:** If you don&#39;t like the `th` namespace, you can also use [HTML5 friendly attribute and element names][3] like `data-th-data-foobar=&quot;&quot;`.

*If someone is interested, related template engine tests can be found here: [Tests for Default Attribute Processor][4]*


  [1]: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#setting-the-value-of-any-attribute-default-attribute-processor
  [2]: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#literal-substitutions
  [3]: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#support-for-html5-friendly-attribute-and-element-names
  [4]: https://github.com/thymeleaf/thymeleaf-tests/tree/3.0-spring51/src/test/resources/templateengine/attrprocessors/default

In a dataset with multiple observations for each subject. For each subject I want to select the row which have the maximum value of &#39;pt&#39;. For example, with a following dataset:

    ID    &lt;- c(1,1,1,2,2,2,2,3,3)
    Value &lt;- c(2,3,5,2,5,8,17,3,5)
    Event &lt;- c(1,1,2,1,2,1,2,2,2)

    group &lt;- data.frame(Subject=ID, pt=Value, Event=Event)
    #   Subject pt Event
    # 1       1  2     1
    # 2       1  3     1
    # 3       1  5     2 # max &#39;pt&#39; for Subject 1
    # 4       2  2     1
    # 5       2  5     2
    # 6       2  8     1
    # 7       2 17     2 # max &#39;pt&#39; for Subject 2
    # 8       3  3     2
    # 9       3  5     2 # max &#39;pt&#39; for Subject 3


Subject 1, 2, and 3 have the biggest pt value of 5, 17, and 5 respectively. 

How could I first find the biggest pt value for each subject, and then, put this observation in another data frame? The resulting data frame should only have the biggest pt values for each subject. 

Select the row with the maximum value in each group

I was going through this question [Is there a way to override class variables in Java?][1]
The first comment with 36 upvotes was:
&gt; If you ever see a `protected static`, run.

Can anyone explain why is a `protected static` frowned upon?

  [1]: https://stackoverflow.com/questions/685300/is-there-a-way-to-override-class-variables-in-java

Why we should not use protected static in java

Can I set data-* attribute with thymeleaf?

As I understood from thymeleaf documentation I tried:

    
    &lt;div th:data-el_id=&quot;${element.getId()}&quot;&gt; &lt;!-- doesn&#39;t work --&gt;

    &lt;div data-th-el_id=&quot;${element.getId()}&quot;&gt; &lt;!-- doesn&#39;t work --&gt;


using data-* attribute with thymeleaf

Can I set data-* attribute with thymeleaf?
As I understood from thymeleaf documentation I tried:
<pre><code class="hljs language-php-template">&#x3C;div th:data-el_id="${element.getId()}"> &#x3C;!-- doesn't work -->

&#x3C;div data-th-el_id="${element.getId()}"> &#x3C;!-- doesn't work -->
</code></pre>

I have a dropdown list which is populated by Javascript.

Whilst deciding what should be the default value to show on load, I realised that the following properties showed exactly the same values:

* `innerText`
* `innerHTML`
* `label`
* `text`
* `textContent`
* `outerText`

My own research shows bench marking tests or comparisons between a few of them, but not all.

I can use my own common sense and choose 1 or the other as they provide the same result, but, I&#39;m concerned this is not going to be a good idea if the data were to change.

My findings are:

* `innerText` will show the value as is and ignores any HTML formatting which may be included
* `innerHTML` will show the value and apply any HTML formatting
* `label` appears to be the same as `innerText`, so I can&#39;t see the difference
* `text` appears to be the same as `innerText` but the jQuery shorthand version
* `textContent` appears to the same as `innerText` but keeps formatting (such as `\n`) 
* `outerText` appears to be the same as `innerText`

My research can only take me so far as I can only test what I can think of or read what is published, can any one confirm though if my research is correct and if there is anything special about `label` and `outerText`?


innerText vs innerHTML vs label vs text vs textContent vs outerText

I have some props that has a string that could contain characters such as &amp;.
It also contains spaces.  I want to replace all spaces with `&amp;nbsp;`.

Is there an easy way I can do this?  Bear in mind that I cannot just render using this syntax:

    &lt;div dangerouslySetInnerHTML={{__html: myValue}} /&gt;

because I would first have to replace any HTML entities with their markup.  I don&#39;t want to have to do this, it seems too low level.

Is there a way I can do this?

ReactJS render string with non-breaking spaces

I&#39;m wondering why so few modern web sites still use only PNGs for icons (but this assumption is just based my observation). So far I know, main reasons for using PNGs over SVGs are IE8 and that SVG uses more CPU power (but I don&#39;t believe this is any issue for simple 1K icons). I can see (and we currently use) many advantages in using SVGs, either when it&#39;s used as sprites, as images, or as inline SVG.

(Question https://stackoverflow.com/questions/21303801/looking-for-a-research-png-sprite-vs-svg-sprite-vs-icon-fonts focuses on performance and doesn&#39;t have relevant answer, https://stackoverflow.com/questions/23952828/icon-font-vs-svg-caching-and-network-concern focuses on network traffic, but it&#39;s easily solvable by e.g. templating.)

If new web site supports only modern browsers, is there any reason for not using SVGs (or - is there any reason for using PNGs for icons)? If we don&#39;t care about IE8 and the use of SVG is backed up by templating and/or caching, is there any catch to rely only on SVGs?

SVG icons vs. PNG icons in modern web sites

I am using bootstrap&#39;s `panel` to display text and image, but as the text grows, the body of the panel also increases. I want to know how to create the body with fixed height, e.g. 10 rows or at most 10 rows.  Here is my code:

    &lt;div class=&quot;span4&quot;&gt;
      &lt;div class=&quot;panel panel-primary&quot;&gt;
        &lt;div class=&quot;panel-heading&quot;&gt;jhdsahfjhdfhs&lt;/div&gt;
        &lt;div class=&quot;panel-body&quot;&gt;fdoinfds sdofjohisdfj&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;

How to make Bootstrap Panel body with fixed height

Here is my html input elements

    &lt;input type=&quot;text&quot; name=&quot;pname[]&quot; value=&quot;&quot; /&gt;
    &lt;input type=&quot;text&quot; name=&quot;pname[]&quot; value=&quot;&quot; /&gt;
    &lt;input type=&quot;text&quot; name=&quot;pname[]&quot; value=&quot;&quot; /&gt;
    &lt;input type=&quot;text&quot; name=&quot;pname[]&quot; value=&quot;&quot; /&gt;
    &lt;input type=&quot;text&quot; name=&quot;pname[]&quot; value=&quot;&quot; /&gt;
    &lt;input type=&quot;text&quot; name=&quot;pname[]&quot; value=&quot;&quot; /&gt;


How can I get all the values of `pname` array using Jquery

How to get all the values of input array element jquery

I&#39;m new in thymeleaf  and I try to create a template. My problem is this code:

**CODE**

    &lt;h1 th:text=&quot;${header.title}&quot; &gt;
       title
       &lt;small th:text=&quot;${header.subtitle}&quot; &gt;Subtitle&lt;/small&gt;
    &lt;/h1&gt;

I want to get this output:

    &lt;h1&gt; TITLE &lt;small&gt; SUBTITLE&lt;/small&gt; &lt;/h1&gt;

But this is the real output:

    &lt;h1&gt; TITLE &lt;/h1&gt;

How can I do so it doesn&#39;t remove what is inside of &quot;small&quot;?

Thymeleaf th:text - Put a text without removing HTML structures

By using [**Thymeleaf**][1] as template engine, is it possible to add/remove dynamically a CSS class to/from a simple `div` with the `th:if` clause?

Normally, I could use the conditional clause as follows:

    &lt;a href=&quot;lorem-ipsum.html&quot; th:if=&quot;${condition}&quot;&gt;Lorem Ipsum&lt;/a&gt; 

&gt; We will be creating a link to the *lorem ipsum* page, but only if condition clause is true.

I&#39;m looking for something different: I&#39;d like the block to always visible, but with changeable classes according to the situation.


  [1]: https://www.google.it/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;cad=rja&amp;uact=8&amp;ved=0CCMQFjAA&amp;url=http%3A%2F%2Fwww.thymeleaf.org%2F&amp;ei=MI7gU6nJDcqp0QWQ5IDACA&amp;usg=AFQjCNEO8zpPJdx9vZOpb_nC-Zdd8gu03Q&amp;sig2=YpHXOZrgN-CgTai_imJrUA&amp;bvm=bv.72197243,d.bGE

Thymeleaf: how to use conditionals to dynamically add/remove a CSS class

I am using Thymeleaf as template engine. How I pass a variable from Spring model to JavaScript variable?


Spring-side:

    @RequestMapping(value = &quot;message&quot;, method = RequestMethod.GET)
    public String messages(Model model) {
        model.addAttribute(&quot;message&quot;, &quot;hello&quot;);
        return &quot;index&quot;;
    }

Client-side:

    &lt;script&gt;
        ....
        var m = ${message}; // not working
        alert(m);
        ...
    &lt;/script&gt;


Setting up a JavaScript variable from Spring model by using Thymeleaf

I&#39;m facing a problem when using Spring Security &amp;&amp; Thymeleaf, specifically when trying to use the [hasRole](http://docs.spring.io/spring-security/site/docs/4.0.1.RELEASE/reference/htmlsingle/#el-common-built-in) expression. The &#39;admin&#39; user has a role &#39;ADMIN&#39; but `hasRole(&#39;ADMIN&#39;)` resolves to false anyway I try it

My html:

    1.&lt;div sec:authentication=&quot;name&quot;&gt;&lt;/div&gt; &lt;!-- works fine --&gt;
    2.&lt;div sec:authentication=&quot;principal.authorities&quot;&gt;&lt;/div&gt; &lt;!-- works fine --&gt;

    3.&lt;div  sec:authorize=&quot;isAuthenticated()&quot; &gt;true&lt;/div&gt; &lt;!-- works fine --&gt;
    4.&lt;span th:text=&quot;${#authorization.expression(&#39;isAuthenticated()&#39;)}&quot;&gt;&lt;/span&gt; &lt;!-- works fine --&gt;

    5.&lt;div th:text=&quot;${#vars.role_admin}&quot;&gt;&lt;/div&gt; &lt;!--Works fine --&gt;
    6.&lt;div  sec:authorize=&quot;${hasRole(&#39;ADMIN&#39;)}&quot; &gt; IS ADMIN &lt;/div&gt; &lt;!-- Doesnt work --&gt;
    7.&lt;div  sec:authorize=&quot;${hasRole(#vars.role_admin)}&quot; &gt; IS ADMIN &lt;/div&gt; &lt;!-- Doesnt work --&gt;
    8.&lt;div th:text=&quot;${#authorization.expression(&#39;hasRole(&#39;&#39;ADMIN&#39;&#39;)&#39;)} &quot;&gt;&lt;/div&gt; &lt;!-- Doesnt work --&gt;
    9.&lt;div th:text=&quot;${#authorization.expression(&#39;hasRole(#vars.role_admin)&#39;)}&quot;&gt;&lt;/div&gt; &lt;!-- Doesnt work --&gt;

results in:

    1.admin
    2.[ADMIN]
    3.true
    4.true
    5.ADMIN
    6.&quot;prints nothing because hasRole(&#39;ADMIN&#39;) resolves to false&quot;
    7.&quot;prints nothing because hasRole(#vars.role_admin) resolves to false&quot;
    8.false
    9.false

I have enabled _use-expressions_ in my security.xml file

    &lt;security:http auto-config=&quot;true&quot; use-expressions=&quot;true&quot;&gt;

And also included the SpringSecurityDialect in my config

    &lt;bean id=&quot;templateEngine&quot;
          class=&quot;org.thymeleaf.spring4.SpringTemplateEngine&quot;&gt;
        &lt;property name=&quot;templateResolver&quot; ref=&quot;templateResolver&quot; /&gt;  
        &lt;property name=&quot;additionalDialects&quot;&gt;
            &lt;set&gt;
                &lt;bean class=&quot;org.thymeleaf.extras.springsecurity4.dialect.SpringSecurityDialect&quot; /&gt;
            &lt;/set&gt;
        &lt;/property&gt;      
    &lt;/bean&gt;

All the necessary dependencies in my pom.xml file

    

    &lt;!--Spring security--&gt; 
        &lt;dependency&gt;
            &lt;groupId&gt;org.springframework.security&lt;/groupId&gt;
            &lt;artifactId&gt;spring-security-core&lt;/artifactId&gt;
            &lt;version&gt;4.0.1.RELEASE&lt;/version&gt;
        &lt;/dependency&gt;
        &lt;dependency&gt;
            &lt;groupId&gt;org.springframework.security&lt;/groupId&gt;
            &lt;artifactId&gt;spring-security-web&lt;/artifactId&gt;
            &lt;version&gt;4.0.1.RELEASE&lt;/version&gt;
        &lt;/dependency&gt;
        &lt;dependency&gt;
            &lt;groupId&gt;org.springframework.security&lt;/groupId&gt;
            &lt;artifactId&gt;spring-security-config&lt;/artifactId&gt;
            &lt;version&gt;4.0.1.RELEASE&lt;/version&gt;
        &lt;/dependency&gt;        
        
        &lt;!--Thymeleaf Spring Security--&gt;
        &lt;dependency&gt;
            &lt;groupId&gt;org.thymeleaf.extras&lt;/groupId&gt;
            &lt;artifactId&gt;thymeleaf-extras-springsecurity4&lt;/artifactId&gt;
            &lt;version&gt;2.1.2.RELEASE&lt;/version&gt;
            &lt;scope&gt;compile&lt;/scope&gt;
        &lt;/dependency&gt;

Role.java

    @Entity
    @Table(name = &quot;roles&quot;)
    
        public class Role implements Serializable {
        
            @Id
            @Enumerated(EnumType.STRING)
            private RoleType name;
            //... getters, setters
        }

RoleType

    public enum RoleType {
    
        ADMIN 
    }

And `User`has a Set of `Role`s 

Why is `hasRole()` not working? 

I appreciate your help, thank you


**Workaround**
--------------

  `th:if=&quot;${#strings.contains(#authentication.principal.authorities,&#39;ADMIN&#39;)}&quot;`

Spring Security hasRole() not working

    &lt;div th:if=&quot;${tblUserList != null}&quot;&gt;
     --content--
    &lt;/div&gt;

The above thymeleaf code is not working, where tblUserList is a list. So I want to check whether the list is empty instead of checking its null. How to do that?



Content Type	Original Author	Original Content on Stackoverflow
Question	Alexandru Severin	View Question on Stackoverflow
Solution 1 - Html	Aldrian	View Answer on Stackoverflow
Solution 2 - Html	Adrian Ber	View Answer on Stackoverflow
Solution 3 - Html	RiZKiT	View Answer on Stackoverflow

using data-* attribute with thymeleaf

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Why we should not use protected static in java

Select the row with the maximum value in each group

Attributions