CKAN - Home Page Frontend Developing

57 views
Skip to first unread message

Hamid Ali

unread,
Jun 27, 2022, 3:16:35 AMJun 27
to CKAN Development Discussions
Good Morning CKAN-Family,
I have installed CKAN on Ubuntu Server, Now I want to change the home page layout-Frontend (CSS/Styling). I have seen the documentation but there is very limited information. Can anyone one guide me from where I can start?

ahmad rifkif

unread,
Jul 1, 2022, 3:31:41 AMJul 1
to CKAN Development Discussions, idhamid...@gmail.com

same with me

Matthew Fullerton

unread,
Jul 1, 2022, 4:37:58 AMJul 1
to ahmad rifkif, CKAN Development Discussions, idhamid...@gmail.com
Good morning Ahmad,


You can also do basic CSS overriding in the Admin's config page: https://docs.ckan.org/en/2.9/sysadmin-guide.html#customizing-look-and-feel

But for more advanced styling, you can add the styles as part of an extension (https://docs.ckan.org/en/2.9/theming/css.html)

Basically, you override existing [parts of] pages and CSS styles. To get an idea of how it works, you could take a look at some published examples. I did a bit of searching and found these which are fairly recent:
https://github.com/derilinx/ckanext-nrgi-published

The problem with looking at existing work is that you might find not just theming/layout stuff in there but also custom handling of data, forms, etc., so it's probably best to start fresh with the instructions from the docs and then consult other repos to see more advanced examples.

All the best,
Matt

--
ckan-dev mailing list
ckan...@ckan.org
https://groups.google.com/a/ckan.org/forum/#!forum/ckan-dev
Unsubscribe: send an email to ckan-dev+u...@ckan.org
---
To unsubscribe from this group and stop receiving emails from it, send an email to ckan-dev+u...@ckan.org.

ahmad rifkif

unread,
Jul 1, 2022, 12:22:56 PMJul 1
to CKAN Development Discussions, matt.fu...@gmail.com, CKAN Development Discussions, idhamid...@gmail.com, ahmad rifkif

good night matt

first of all, thank you very much for the information,
I want to ask again, do you know ckanext for layouts like the following website  Satu Data Geospasial Banten (bantenprov.go.id)

best regrads,
ahmad

Matthew Fullerton

unread,
Jul 2, 2022, 5:18:27 AMJul 2
to ahmad rifkif, CKAN Development Discussions, idhamid...@gmail.com
Dear Ahmad,

No, sorry, I don't. I did find one site that looks a little similar (https://opendevelopmentmekong.net/topics) but they seem to be using Wordpress around CKAN.

All the best,
Matt

ahmad rifkif

unread,
Jul 2, 2022, 10:01:00 AMJul 2
to CKAN Development Discussions, matt.fu...@gmail.com, CKAN Development Discussions, idhamid...@gmail.com, ahmad rifkif
Dear Matt,

i see, thanks a lot for insight sir

Best regrads,
Ahmad

william dutton

unread,
Jul 2, 2022, 6:44:29 PMJul 2
to CKAN Development Discussions, ahmadr...@gmail.com, matt.fu...@gmail.com, CKAN Development Discussions, idhamid...@gmail.com
For data.qld.gov.au we used cloud front cdn to split the homepage onto a cms, you can find how we did it with this template. https://github.com/qld-gov-au/ckan-qld-infrastructure/blob/master/templates/cloudfront.cfn.yml.j2

We also had the cms load certain css/js fragments from ckan to show logged in/out state top bar. 

The cms we used was squiz matrix. But can be anything. This also disconnects the runtime of the cms away from the server/s running ckan.


We at qld gov have our entire stack fully open source and only have secrets hidden in Parma store aws. 

And we just upgraded from 2.8.x to 2.9.x including a large suite of plug-ins our product owners really wanted.

I hope this gives you more insight on what you can do without manual configuration.

Regards

William dutton 

Ahmad Rifki

unread,
Aug 4, 2022, 3:51:49 AMAug 4
to CKAN Development Discussions, will...@gmail.com, ahmadr...@gmail.com, matt.fu...@gmail.com, CKAN Development Discussions, idhamid...@gmail.com
Dear  William dutton,
Thanks sir for your information,

I want to ask again, do you know about ckan-ext in the image below

Screenshot 2022-08-04 145102.png
Best regrads,
Ahmad

william dutton

unread,
Aug 4, 2022, 6:06:41 AMAug 4
to CKAN Development Discussions, Ahmad Rifki, william dutton, ahmadr...@gmail.com, matt.fu...@gmail.com, CKAN Development Discussions, idhamid...@gmail.com
Without having the url, its hard to tell.

I guess its on this site: view-source:https://opendata.bantenprov.go.id/dataset/jumlah-produksi-komoditas-pangan-nabati-di-banten?view_id=28bf9fb4-65a2-4378-a791-beac78cf789 

If they have not turned off the api, you can go to this endpoint
/api/action/status_show 

it will show the plugins installed on the site.

From the scheme of things, this is base plugins included in ckan but in a nice theme. see
recline_graph_view
recline_grid_view
recline_map_view 
recline_view

Reply all
Reply to author
Forward
0 new messages