check box type | Community
Skip to main content
S
shreyasl9335234
Level 2
November 7, 2016
Solved

check box type

  • November 7, 2016
  • 8 replies
  • 6152 views

Hi,

I have a checkbox on dialog, with 

Xtype=selection

type=checkbox

name=./facebook.

 

so when i check the checkbox, i want the facebook icon to be displayed, and not display when unchecked.

this is my code

 <div class="mbr-contacts__column col-sm-4" data-form-type="formoid">

 

                <span>

               

                    <a href="https://www.facebook.com"><img src="/content/dam/demo/images/facebook_alt.png" alt="facebookapp"></a>


                </span>          

 


            </div>
 

when i went through, i found that we need to add this additional scriplet: <%=properties.get("facebook",String[].class)%> , if it is true, where shoulf i add.

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by Veena_Vikraman

    Hi Shreyas

        Could you please elaborate on your question?

    If my understanding is correct you are trying to add a facebook icon in your presentation HTML, when the user checks the checkbox in the dialog ?

    If so, you can if properties.get("facebook") is returning the expected value and according to the result you can write an if condition to hide or show your

    <a href="https://www.facebook.com"><img src="/content/dam/demo/images/facebook_alt.png" alt="facebookapp"></a>

     

    Please confirm if you are writing the code in scriptlet/ JSTL/Sightly???

     

    Thanks

    Veena

    8 replies

    V
    Veena_VikramanAccepted solution
    Level 2
    November 7, 2016

    Hi Shreyas

        Could you please elaborate on your question?

    If my understanding is correct you are trying to add a facebook icon in your presentation HTML, when the user checks the checkbox in the dialog ?

    If so, you can if properties.get("facebook") is returning the expected value and according to the result you can write an if condition to hide or show your

    <a href="https://www.facebook.com"><img src="/content/dam/demo/images/facebook_alt.png" alt="facebookapp"></a>

     

    Please confirm if you are writing the code in scriptlet/ JSTL/Sightly???

     

    Thanks

    Veena

      smacdonald2008
      smacdonald2008
      Level 10
      November 7, 2016

      You need to write code in the component and read whether the field was clicked using 

      <%=properties.get("facebook",String[].class)%> 

      in the component's JSP or HTL. Then you can use code in the component to display the Facebook icon in the component. 

      codingStar
      codingStar
      Level 3
      November 7, 2016

      Hi Shreyas L,

      It is just if condition

      If you are using sightly/AEM6 simply write

      <sly data-sly-test="${properties.facebook}"> <a href="https://www.facebook.com"><img src="/content/dam/demo/images/facebook_alt.png" alt="facebookapp"></a> </sly>
        kautuk_sahni
        Community Manager
        kautuk_sahniCommunity Manager
        Community Manager
        November 8, 2016

        Agreeing with both of the approaches.

        1. By Veena :-

        Get the value of check box by "properties.get("facebook")" and using condition you can add the image.

        Otherwise you can also change CSS to hide by "visibility: hidden".

        2. If it is HTL (formerly knows as Sightly),

            <sly data-sly-test="${properties.facebook}">
            <a href="https://www.facebook.com"><img src="/content/dam/demo/images/facebook_alt.png" alt="facebookapp"></a>
            </sly>

        I hope this would help you.

        Thanks and Regards

        Kautuk Sahni

        Kautuk Sahni
          S
          shreyasl9335234Author
          Level 2
          November 8, 2016

          hi veena,

          you are right i am trying to display facebook icon using the check box, it shouldnt display if un-checked.

          I am writing my code in jsp.

          so <data-sly-test> wouldnt work right?

          V
          Veena_Vikraman
          Level 2
          November 25, 2016

          Hi Shreyas

              Sorry for the late response. So it should be simple as explained by me, scott and kautuk. Hope you know how to handle if else condition in JSP.

               And I would suggest you to move to JSTL or if using AEM 6+ , use sightly. Writing in scriplets anymore doesn't seem to be a good quality coding . Just a thought :) 

           

          Thanks

          Veena

          S
          shreyasl9335234Author
          Level 2
          November 28, 2016

          Hi Veena,

          Thanks for the response, I have implemenetd it.

          A
          aswinir11056998
          June 10, 2019

          Hi Veena,

          I created one checkbox as below in my dialog under the component.

          text: Mrp

          value: true

          uncheckvalue: false

          resourcetype: checkbox out of box comp

          i made it to returning the values in content folder- jcr root  as true and false,  when tick and untick the checkbox.

          Now i want the below solution,

          Condition: I want to show/hide some content( for eg: mrp-rate) on the page,  If i tick/untick my checkbox.

          I need to add if condition using sightly. How to achieve this

          M
          MiliColevic
          October 12, 2021

          Hi! Did you find a soultion? I have the same issue?

          Terms & ConditionsAccessibility statement

          Loading footer...