AnsweredAssumed Answered

Create button 'Clear' in Advantage Search Form

Question asked by wns on Jan 22, 2016
Latest reply on Jan 29, 2016 by wns
Hello,

The target is having a button to clear a form. Concretely, in the Advantage Search. At the moment, I can show the button in the web page. I'm describing the stepts to get this:

1.- Add two buttons: Add the following code into the file "advsearch_noiframe.get.html.ftl" located in "config/alfresco/web-extension/site-webscripts/org/alfresco/components/search/":
 

     <div class="yui-u align-right">
         <span id="${el}-clear-button-1" class="yui-button yui-push-button clear-icon">
            <span class="first-child">
               <button type="button">${msg('button.clear')}</button>
            </span>
         </span>
      </div>

     <div class="yui-u align-right">
         <span id="${el}-clear-button-2" class="yui-button yui-push-button clear-icon">
            <span class="first-child">
               <button type="button">${msg('button.clear')}</button>
            </span>
         </span>
      </div>



2.- Set the style: Add the following code into the file "search.css" placed in "..\resources\components\search\":



    .search .clear-icon span.first-child
     {
       background: url(../images/delete-tag-off.png) no-repeat 12px 4px;
       padding-left: 24px;
      }



3.- Add the control on the buttons: I added the following code into the files "advsearch_noiframe.js" and "advsearch_noiframe-min.js" located in "\resources\components\search\" but it doesn't work:


    …
        this.widgets.clearButton1 = Alfresco.util.createYUIButton(this, "clear-button-1", this.onClearClick);
        this.widgets.clearButton2 = Alfresco.util.createYUIButton(this, "clear-button-2", this.onClearClick);
   …


The step 3 doesn't work. Furthermore, I tried to call the existing function "onSearchClick" through one of the new created button but it doesn't work.

I supose that the next step 4 it would be to create the function "onClearClick" into the file "advsearch_noiframe.js" but first of all the step 3 have to work.

Do you know if I'm doing it well or if I forgot some steps?

Thanks you very much for your help.

Outcomes