Does aequos support RefinableString Search Terms and pnp-collapsible?

[tedtninety]

@FranckyC
Hi FranckyC, suddenly at work, I found that we had been upgraded to Aequos. No warning from the Admin. So it was a surprise.
I'm excited but some things look like I need to re-learn because some of my pages stopped working.
I have been reading the documentation ( which is great! ) but there are a couple of things I can't find the answer.

This is used to do a search for keyword on more than one field or RefinableStrings:
Should this still work?

RefinableString100:({searchTerms}) OR RefinableString200:({searchTerms})
or
RefinableString100:({searchTerms}) OR RefinableString200:({searchTerms})
path:ttps://000.sharepoint.com/Lists/Newist/AllItems.aspx

Used to create an accordion for results:
You were very kind to help me with this, but for some reason it doesn't seem to work now.
Is it done differently in Aequos, or is it an error on my part?

Both items are used on a search page.

Thank you in advance and I am VERY excited with the upgrade!
ted

[Laul0]

Hi @tedtninety,

Thank you for your question.
Based on the provided information, we tried on our side and everything works fine.

• We used a RefinableStringXX that contains some values and use the Search Box connected to the visualizer
• We configured the Visualizer with SharePoint Data Source and define the following request RefinableString00:"{searchTerms}"

We are not sure to understand the screenshot message attachment that mentioned the collapsible component.
Just be aware that with MDV the <pnp-collapsible></pnp-collapsible> become <aequos-collapsible></aequos-collapsible>

💡 Tips & tricks

• Add RefinableStringXX to your selected properties
• Use Debug Layouts to check the values from your RefinableStringXX
• You can define path:"https://contoso.sharepoint.com/sites/aequos" to set a range of data limited to the specified site

We hope these informations will help you.

Best regards

[tedtninety]

Thank you so much @Laul0 !
One thing if I may, how do you format the data-group-name .
I tried to change font size and weight but it gives error.
I was hoping aequos was more kind to styling than PnP Search.
Thank you!

[Laul0]

Hi @tedtninety,

Glad to know our answer helped you.
The design of the collapsible is very basic by default but it can be easily customizable.
Here is an example:

Note: in the example, you can find the CSS selector that you should you to customize the header of the collapsible component.

We hope these informations will help you.

Best regards

[tedtninety]

Thank you @Laul0 . It really is of great help and it is helping me transition from PnP Search 4 to aequos.
I am sorry to ask, I am still having trouble with the CSS:
I have tried the above CSS examples, and now I am trying below ( I removed the "list" format" )

aequos-collapsible > div {
font-size:32px !important;
}
but that doesn't do anything.

I just would just like to style the collapsible header and I am not understanding how to apply the CSS on to that. I have tried

{{slot item@ root.slots.Title}}

and that doesn't work there nut does everywhere else.
Thank you again!

[Laul0]

As exposed in the screenshot, the CSS selector to impact the group header is:

aequos-collapsible .ms-GroupList-group > div:first-child {
    ...
}

Because some additional styles included by Microsoft can overwrite the style, you can use this CSS Selector to impact the title (not the group header):

aequos-collapsible .ms-GroupList-group > div:first-child span {
    font-size:32px !important;
}

[tedtninety]

Thank you @Laul0 !