CKAN - Home Page Frontend Developing

[Hamid Ali]

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]

same with me

[Matthew Fullerton]

Good morning Ahmad,

The docs for this are here: https://docs.ckan.org/en/2.9/theming/index.html

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

https://github.com/datopian/ckanext-aberdeen

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]

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]

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]

Dear Matt,

i see, thanks a lot for insight sir

Best regrads,

Ahmad

[william dutton]

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. 

You can see our plug-in list and versions here https://github.com/qld-gov-au/ckan-qld-infrastructure/blob/master/vars/shared-OpenData.var.yml

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]

Dear  William dutton,

Thanks sir for your information,

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

Best regrads,

Ahmad

[william dutton]

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

https://docs.ckan.org/en/2.9/maintaining/data-viewer.html

recline_graph_view

recline_grid_view

recline_map_view 

recline_view