Cannot check a checkbox

[jimnicholson]

Hi All,

New to the widget creation and service portal, hoping you could help me out here.

I have a list that shows a bunch of options and descriptions from a table we created in ServiceNow.   I added a check box, and I cannot check the check box at all.   Any idea why I wouldn't be able to select anything?

here is the html involved.

<div class= "panel panel-default">
 <div class="panel-heading">
     Mobile Device Options
   </div>
   <div class="list-group">
       <a class="list-group-item" ng-repeat="mobile in c.data.mobileOptions">
           <input class="pull-left" type="checkbox"}>
           <div class= "m-l-lg">
               <b class="text-primary">{{mobile.option}}</b><br>
                   {{mobile.notes}}
           </div>
       </a>
   </div>
   <div ng-if="c.data.mobileOptions.length == 0" class="b-t wrapper text-center">No Options</div>
</div>

[philengles]

Hi Jim,
  It looks as though this line: ( <input class="pull-left" type="checkbox"}> ) has an extra "}" in it. I just tested and that was your issue, since you said you are new to portal here is nice library to help out with some missing pieces : GitHub - service-portal/documentation: Here you will find unofficial documentation for the ServiceNo...  

Best Regards,
    Philip Engles

  philip.engles@techport13.com

[jimnicholson]

Thank you for the documentation, it's very odd, I removed the extra } and it's still not allowing me to select anything.   Not sure what's going on but I'll look through your link you provided as well.

[philengles · Accepted solution]

Hmm interesting Jim. Here is link showing that my inputs are working: Imgur and here is an image of what my code looks like:

I would make sure that you have placed the widget that you are editing into the correct page that you are viewing. I know that has confused me before.

Best,
  Phil E.

[jimnicholson]

Very helpful!   Thank you.   I added in the container and it works like a charm.   I really appreciate the assistance, thank you!