Making a custom template for Express Objects.

Permalink
Hi there,

Can someone help me with how I would make a custom template for Express Objects. I am wanting to make something that looks nicer than the default.

I would also like to know if you can theme the search and if you can get the search to actually search based on column names and what is in certain columns themselves?

To give you an idea of what I am talking about, I am wanting to theme this here:https://dunamiscommunity.com/botcommands... so that people can search and find things easier within the huge list.

 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi hemipatu,

Which Express related block are you referring to?

Yes, you can create a custom template for the Search block that changes its appearance.

I don't believe the default Search block allows for linking to a specific section in a page. An alternative is to try something like List.js. List.js should allow you to use an existing HTML table and make it searchable, sortable, and filterable.
http://listjs.com/overview/
http://listjs.com/examples/table/...
tiafelicita replied on at Permalink Reply
Hi there, it is for the "Express Entry List Block". I just want to make it a little nicer and format the content within the boxes as well as make the search a little more intuitive too.
tiafelicita replied on at Permalink Reply
Hmm that listjs seems really good but what I don't understand is how I would actually get that to work with the Block and then get it to "append" to all the cells within the table?

Is there any documentation explaining how to theme something like that out there?
MrKDilkington replied on at Permalink Reply
MrKDilkington
@hemipatu

You can create an Express Entry List block custom template to customize the content formatting and styling.
https://documentation.concrete5.org/developers/express/creating-read...

Can you clarify what you mean by making the search more intuitive, please.

Regarding List.js, it involves running JavaScript to manipulate existing HTML tables. I recommend reviewing the List.js documentation for usage instructions.

Customizing the Express Entry List block requires HTML/CSS/PHP knowledge and List.js requires HTML/CSS/JavaScript knowledge.