This forum is closed to new posts and responses. Individual names altered for privacy purposes. The information contained in this website is provided for informational purposes only and should not be construed as a forum for customer support requests. Any customer support requests should be directed to the official HCL customer support channels below:

HCL Software Customer Support Portal for U.S. Federal Government clients
HCL Software Customer Support Portal



~Karl Kiresalitnivu
May 23, 2012, 8:01 PM
13 Posts
topic has been resolvedResolved

ExtLib: How to remove the "x" that displays for xe:djextListTextBox

  • Category: Extension Library
  • Platform: Windows
  • Release: 8.5.3
  • Role:
  • Tags: css stylesheet customize extension library list text box
  • Replies: 5

I'd like to prevent the "x" from displaying next to each selected value in an xe:djextListTextBox. Help is greatly appreciated - I've already spent too much time on this.

Here is the code:

<xp:td>

   <xe:djextListTextBox id="selPortDealFilterCenter"

      defaultValue="All My Centers

      value="#{viewScope.portfolio_CenterFilter}"

      title="Click to remove Center from filter list."

      multipleSeparator=",">

      <xp:eventHandler event="onChange" submit="false"

         refreshMode="partial" refreshId="ptabcontent">

         <xp:this.script><![CDATA[#{javascript:

            loadPortfolioData("", "");

         }]]></xp:this.script>

      </xp:eventHandler>

   </xe:djextListTextBox>

   <xe:valuePicker id="pkrPortDealFilterCenter"

      for="selPortDealFilterCenter"

      pickerIcon="/PopupButtonBlue.gif">

      <xe:this.dataProvider>

         <xe:simpleValuePicker valueList="#{javascript:viewScope.centerOptions;}">

         </xe:simpleValuePicker>

      </xe:this.dataProvider>

   </xe:valuePicker>

</xp:td>

As an alternative, if someone could point me in the right direction for modifying how the "x" / selected text values display. I've searched the themes and css that are delivered with the extension libraries, but I cannot find the code that is controlling how this field displays. 
 
Cheers!
~Karl Kigerosterikle
May 24, 2012, 6:14 AM
122 Posts
Re: ExtLib: How to remove the "x" that displays for xe:djextListTextBox
I don't think it will be in the CSS of the Extension Library. I suspect the djExtListBox is just creating a Dojo dialog with specific layout and content. You should be able to extend the relevant style with CSS. Does Firebug tell you which styles are applied to give the 'x'.
 
However, when I've done this kind of thing before with dialogs, removing the 'x' still allows the user to close the dialog by clicking Esc. 
~Karl Kiresalitnivu
May 24, 2012, 6:19 PM
13 Posts
Re: ExtLib: How to remove the "x" that displays for xe:djextListTextBox
Found it! Thanks again for the firebug tip - it worked like a charm with a bit of digging.
 
It seems that the following: <span class="lotusClose">x</span>
 
... is added to each value in the list. 
 
Adding .lotusClose entry to my CSS allows me to customize (or hide) the "x"s.
 
Cheers! 
~Bella Bublulygon
Mar 22, 2013, 4:25 PM
7 Posts
Re: ExtLib: How to remove the "x" that displays for xe:djextListTextBox
 Hi all,


I would like to know if someone try to remove the link on the item to avoid the deletion. I mean, only delete the opton if the 'x' clicked and do nothing if the actual label is clicked. 


Thanks! 

Daniel 
~Justin Prefanaburjip
Apr 5, 2013, 1:23 PM
1 Posts
Re: ExtLib: How to remove the "x" that displays for xe:djextListTextBox
 Hi everybody,  


I'm just starting to work with Xpages, so at the first steps I need some help. 

I've tried to prevent the "x" too. But I'm not very experienced in CSS. 

How can I overwrite the "lotusClose" in the CSS? 
I have a CSS File, and made a section for the lotusClose, but I don't know what to put in... 


Can anybody help me? Or I'm doing anything wrong? 


Thanks! 



This forum is closed to new posts and responses. Individual names altered for privacy purposes. The information contained in this website is provided for informational purposes only and should not be construed as a forum for customer support requests. Any customer support requests should be directed to the official HCL customer support channels below:

HCL Software Customer Support Portal for U.S. Federal Government clients
HCL Software Customer Support Portal