topic Re: Customizing the aikau search placeholder in Alfresco Archive

Customizing the aikau search placeholder

iwkse — Sun, 13 Nov 2016 00:45:37 GMT

I have this problem with customizing the aikau search placeholder. I've created a share amp with maven and setting the extension like this to extend the SearchBox widget:<extension> <modules> <module> <id>Aikau SearchBox Customization</id> <v

Re: Customizing the aikau search placeholder

ddraper — Mon, 14 Nov 2016 10:06:49 GMT

Glad you were able to resolve the problem! Let me know if there are any other issues I can help with.

Re: Customizing the aikau search placeholder

iwkse — Mon, 14 Nov 2016 18:08:26 GMT

Thanks!

Just for a matter of curiosity. This way to extend a widget is still valid (even if I didn't manage to let it works)? For example, before the aikau change you suggested me to extend the widget and just point the 18nRequirements: [ {i18nFile: "./i18n/my_custom.properties"} ]

Is this approach still valid?

Re: Customizing the aikau search placeholder

ddraper — Mon, 14 Nov 2016 18:12:25 GMT

Yes, that's a still a perfectly valid way to extend and provide additional properties (or override properties).

Re: Customizing the aikau search placeholder

iwkse — Mon, 14 Nov 2016 18:30:31 GMT

I'm asking because when I tried as the first post it didn't work for me. Not sure why

Re: Customizing the aikau search placeholder

ddraper — Tue, 15 Nov 2016 09:53:19 GMT

I think I'd need to see your code to be able to answer that. It is an approach used throughout Aikau though. Were you trying to override properties or add in new ones?

Re: Customizing the aikau search placeholder

iwkse — Tue, 15 Nov 2016 11:14:32 GMT

I was overriding the SearchBox widget with custom properties. I can create a complete example later and post it here so that you can take a look.

Thank you

Re: Customizing the aikau search placeholder

iwkse — Tue, 15 Nov 2016 20:21:02 GMT

I've just uploaded this share amp project:

https://ufile.io/34121

Re: Customizing the aikau search placeholder

nwali — Tue, 17 Jan 2017 18:31:58 GMT

I am using Alfresco Community 5.0.d and I have added below line in share-header.get.js then I get error on login.

var searchBox = widgetUtils.findObject(model.jsonModel.widgets, "id", "HEADER_SEARCH");

where else if I add below then nothing happens:

var searchBox = widgetUtils.findObject(model.jsonModel, "id", "HEADER_SEARCH");

Also I have used widgetUtils.deleteObjectFromArray(model.jsonModel, "id", "HEADER_REPOSITORY"); then works fine to remove the repository.

whats difference between model.jsonModel and model.jsonModel.widgets ??

so far in share-header.get.js file:

widgetUtils.deleteObjectFromArray(model.jsonModel, "id", "HEADER_REPOSITORY");

var headerSearch = widgetUtils.findObject(model.jsonModel, "id", "HEADER_SEARCHBOX");

if (headerSearch) {

headerSearch.config.showPeopleResults = false;
headerSearch.config.placeholder="Search files";
}

How can I remove the people suggestion ?

Re: Customizing the aikau search placeholder

iwkse — Tue, 17 Jan 2017 20:24:26 GMT

Hi,

I think you can't change this property like this because it's not being exposed as the placeholder is. I think you need to go though the module override for change this property. But I had problems with the module override, it didn't work for me. I uploaded an example project to let ‌ looks at it but it seems the link is expired. Please if you're able to do it with the override method I am interested to know, because I couldn't do it. I ask you for a pleasure, since I don't have this example project anymore, if you could upload here an example aikau custom override module you will be really helpful.

Thank you

Re: Customizing the aikau search placeholder

nwali — Thu, 19 Jan 2017 13:49:03 GMT

Hi,

I followed this search custom properties? and was able to remove the people suggestion from the live-search.

I have put in summaries way in Modify live search in Alfresco Commmunity 5.0.d - Stack Overflow but I'm still trying to find way to override the placeholder in search box.

If any idea then please let me know.

Thanks.

Re: Customizing the aikau search placeholder

nwali — Thu, 19 Jan 2017 14:26:38 GMT

I have share-header.get.js with following code:

if (!user.isAdmin)
{

widgetUtils.deleteObjectFromArray(model.jsonModel, "id", "HEADER_REPOSITORY");
}

var searchBox = widgetUtils.findObject(model.jsonModel.widgets, "id", "HEADER_SEARCH");
searchBox.config.placeholder= "test";

But nothing is changed and placeholder of search box is old one.

How to change the placeholder in search input?

Thanks.

Re: Customizing the aikau search placeholder

iwkse — Thu, 19 Jan 2017 14:30:38 GMT

Hi,

For the placeholder you have two ways and it depends on the aikau version. If the aikau version is sufficiently new, you can use the method I've explained (just setting the property as you were trying to do for the showPeopleResults. If it's an older version of aikau you will have to override with an extension. WIth this method I was never able to be successful.

HTH

Re: Customizing the aikau search placeholder

nwali — Thu, 19 Jan 2017 16:21:24 GMT

Thank you!

I updated the aikau from 1.0.8 to 1.0.101 (very big difference ) but placeholder changed and it worked well. Although I need to do a through testing of the system in case anything is broken.

Also if you have any idea that this upgrading to 1.0.101 is good for Alfresco community 5.0.d ? or should I use 1.0.10 or any other version for safer side?

Thanks again.

Re: Customizing the aikau search placeholder

iwkse — Thu, 19 Jan 2017 20:09:45 GMT

Glad it solved your problem

Actually you can use latest version of aikau, it has been made in that way so it's possible to upgrade it separately from Alfresco.

Re: Customizing the aikau search placeholder

sharix — Wed, 13 Dec 2017 22:41:59 GMT

I cannot customize the default text in the searchbox by creating an amp that works. I am using the latest version of Aikau and have the enterprise version of Alfresco. I tried all the suggestions above but I must be missing something for nothing works.

I tried this -

Created .xml file within web-extension/site-data/extensions/share-module.xml

<extension>
<modules>
    <module>
      <id>Searchbox</id>
      <version>1.0</version>
      <auto-deploy>true</auto-deploy>
      <customizations>
        <customization>
          <targetPackageRoot>org.alfresco.share.header</targetPackageRoot>
          <sourcePackageRoot>com.menu</sourcePackageRoot>
        </customization>
      </customizations>
    </module>
</modules>
</extension>

Created .js file within web-extension/site-webscripts/com/menu/share-header.get.js

var searchBox = widgetUtils.findObject(model.jsonModel.widgets, "id", "HEADER_SEARCH");
searchBox.config.placeholder= "search-custom.label";

I also tired this method -

custom-searchbox.js withal the associated files -

define(["dojo/_base/declare", "alfresco/header/SearchBox"],
    function(declare, SearchBox) {
           return declare([SearchBox], {
               i18nRequirements: [ {i18nFile: "./i18n/searchbox.properties"} ],
           });
});

All my other amps are working but this one. I can change the text by modifying the core file in Alfresco so I know it can be done. We plan on upgrading our enterprise account so it is important to have a clear upgrade path with amps that work.

Any and all help is appreciated.

Thanks

sharix