[xwiki-users] What would be a simple way to display a Masonry view in XWiki ?
Dear, I'm looking in a way to display a Masonry style page in XWiki for blog or application. The masonry style (often called "grid") is something like this : http://mariustheme.tumblr.com/ // Why ? In termes of ergonomics it show it full potential when images speak better than text. This is why Google images and Pinterest use it. Typical applications for XWiki could be : - Physicial products database : the image help finding the product quicly when not sure of the name. - Designs database : not just an image, a design goes with some description and data so it is usefull to link to a page. - Physicial defects database : in industry, to quicly caracterise a defect that appears visually on a part. - ... My need is for a nice looking collaborative product designs database. This database would be one app in a Wiki that has other uses. // The question : What would be a simple way to make it in XWiki with a minimum coding ? // My current search state and ideas : I already searched the plugin database and couldn't find someting already build. But I could have missed something. Then, I thinked in making an app with App Within Minuts and modifing LiveTable. First step would be to edit the code to display only the first attachement as a bigguer image. It could be a quick fix waiting for the second step, more complex, to display the LiveTable as a masonry view. There is already existing code that could be adapted. However this would be at the limit of my few programming skills and then taking a lot of time. Also I'm not sure if LiveTable can be modified on the context of one application only (not modifiing the others applications). - If yes, would it still be possible to use Apps Within Minutes to modify other parts of the app, not reversing the handmade code modifications ? - If not I gess this mean I need a more complex plugin to add a "massonery view" option to LiveTable and another option to Apps Within Minuts to display it by default ? This is only a XWiki beginner ideas so maybe someone has an idea of a simpler way to do it ? Regards -- Thibaut DEVERAUX +33 (0)6 75 51 20 80
Hi Thibaut,
On 10 Apr 2016, at 10:41, Thibaut DEVERAUX <[email protected]> wrote:
Dear,
I'm looking in a way to display a Masonry style page in XWiki for blog or application.
The masonry style (often called "grid") is something like this : http://mariustheme.tumblr.com/
Looks a bit similar to what the Totem application does: http://extensions.xwiki.org/xwiki/bin/view/Extension/TotemApplication
// Why ?
In termes of ergonomics it show it full potential when images speak better than text. This is why Google images and Pinterest use it.
Typical applications for XWiki could be : - Physicial products database : the image help finding the product quicly when not sure of the name. - Designs database : not just an image, a design goes with some description and data so it is usefull to link to a page. - Physicial defects database : in industry, to quicly caracterise a defect that appears visually on a part. - ...
My need is for a nice looking collaborative product designs database. This database would be one app in a Wiki that has other uses.
// The question :
What would be a simple way to make it in XWiki with a minimum coding ?
The way I’d approach it: 1) Try the totem app and see if it matches your need 2) If not, see if would make sense to include a masonry style option in the totem app 3) if not, investigate using a library like http://masonry.desandro.com/. Use a JSX to enable it for a page. That shouldn’t take longer than 1 hour of work 4) If you want to go further, consider creation a masonry app for XWiki that would allow creating masonry-style pages similar to what the totem app does. You could do this using AWM as a starter place. Thanks -Vincent
// My current search state and ideas :
I already searched the plugin database and couldn't find someting already build. But I could have missed something.
Then, I thinked in making an app with App Within Minuts and modifing LiveTable.
First step would be to edit the code to display only the first attachement as a bigguer image.
It could be a quick fix waiting for the second step, more complex, to display the LiveTable as a masonry view. There is already existing code that could be adapted. However this would be at the limit of my few programming skills and then taking a lot of time.
Also I'm not sure if LiveTable can be modified on the context of one application only (not modifiing the others applications). - If yes, would it still be possible to use Apps Within Minutes to modify other parts of the app, not reversing the handmade code modifications ? - If not I gess this mean I need a more complex plugin to add a "massonery view" option to LiveTable and another option to Apps Within Minuts to display it by default ?
This is only a XWiki beginner ideas so maybe someone has an idea of a simpler way to do it ?
Regards -- Thibaut DEVERAUX +33 (0)6 75 51 20 80
Hi, Thanks ! Totem seems pretty intersting. Theorically "ImageOnTop" should do the job. I created a section with ImageOnTop display. In "edit elements of this section" / advanced, I added the autocompleted class reference : Myapp.Code.MyappClass. This display a dynamic list of pages. What is missing is the image "on top". I tried to add some pieces of code from reference application in "image" fied to get the first image attached but I couldn't get it working with Reference and I'm not even sure if this is supposed to work like this. What would be the right way to display an image from an object ? Regards Le dim. 10 avr. 2016 à 14:11, Vincent Massol <[email protected]> a écrit :
Hi Thibaut,
On 10 Apr 2016, at 10:41, Thibaut DEVERAUX <[email protected]> wrote:
Dear,
I'm looking in a way to display a Masonry style page in XWiki for blog or application.
The masonry style (often called "grid") is something like this : http://mariustheme.tumblr.com/
Looks a bit similar to what the Totem application does: http://extensions.xwiki.org/xwiki/bin/view/Extension/TotemApplication
// Why ?
In termes of ergonomics it show it full potential when images speak better than text. This is why Google images and Pinterest use it.
Typical applications for XWiki could be : - Physicial products database : the image help finding the product quicly when not sure of the name. - Designs database : not just an image, a design goes with some description and data so it is usefull to link to a page. - Physicial defects database : in industry, to quicly caracterise a defect that appears visually on a part. - ...
My need is for a nice looking collaborative product designs database. This database would be one app in a Wiki that has other uses.
// The question :
What would be a simple way to make it in XWiki with a minimum coding ?
The way I’d approach it:
1) Try the totem app and see if it matches your need 2) If not, see if would make sense to include a masonry style option in the totem app 3) if not, investigate using a library like http://masonry.desandro.com/. Use a JSX to enable it for a page. That shouldn’t take longer than 1 hour of work 4) If you want to go further, consider creation a masonry app for XWiki that would allow creating masonry-style pages similar to what the totem app does. You could do this using AWM as a starter place.
Thanks -Vincent
// My current search state and ideas :
I already searched the plugin database and couldn't find someting already build. But I could have missed something.
Then, I thinked in making an app with App Within Minuts and modifing LiveTable.
First step would be to edit the code to display only the first attachement as a bigguer image.
It could be a quick fix waiting for the second step, more complex, to display the LiveTable as a masonry view. There is already existing code that could be adapted. However this would be at the limit of my few programming skills and then taking a lot of time.
Also I'm not sure if LiveTable can be modified on the context of one application only (not modifiing the others applications). - If yes, would it still be possible to use Apps Within Minutes to modify other parts of the app, not reversing the handmade code modifications ? - If not I gess this mean I need a more complex plugin to add a "massonery view" option to LiveTable and another option to Apps Within Minuts to display it by default ?
This is only a XWiki beginner ideas so maybe someone has an idea of a simpler way to do it ?
Regards -- Thibaut DEVERAUX +33 (0)6 75 51 20 80
users mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/users
-- Thibaut DEVERAUX +33 (0)6 75 51 20 80
On 14 Apr 2016, at 21:59, Thibaut DEVERAUX <[email protected]> wrote:
Hi,
Thanks ! Totem seems pretty intersting. Theorically "ImageOnTop" should do the job.
I created a section with ImageOnTop display. In "edit elements of this section" / advanced, I added the autocompleted class reference : Myapp.Code.MyappClass. This display a dynamic list of pages. What is missing is the image "on top".
I tried to add some pieces of code from reference application in "image" fied to get the first image attached but I couldn't get it working with Reference and I'm not even sure if this is supposed to work like this.
What would be the right way to display an image from an object ?
Sorry, I’ve never used this extensions, I don’t know. Maybe others know? Thanks -Vincent
Regards
Le dim. 10 avr. 2016 à 14:11, Vincent Massol <[email protected]> a écrit :
Hi Thibaut,
On 10 Apr 2016, at 10:41, Thibaut DEVERAUX <[email protected]> wrote:
Dear,
I'm looking in a way to display a Masonry style page in XWiki for blog or application.
The masonry style (often called "grid") is something like this : http://mariustheme.tumblr.com/
Looks a bit similar to what the Totem application does: http://extensions.xwiki.org/xwiki/bin/view/Extension/TotemApplication
// Why ?
In termes of ergonomics it show it full potential when images speak better than text. This is why Google images and Pinterest use it.
Typical applications for XWiki could be : - Physicial products database : the image help finding the product quicly when not sure of the name. - Designs database : not just an image, a design goes with some description and data so it is usefull to link to a page. - Physicial defects database : in industry, to quicly caracterise a defect that appears visually on a part. - ...
My need is for a nice looking collaborative product designs database. This database would be one app in a Wiki that has other uses.
// The question :
What would be a simple way to make it in XWiki with a minimum coding ?
The way I’d approach it:
1) Try the totem app and see if it matches your need 2) If not, see if would make sense to include a masonry style option in the totem app 3) if not, investigate using a library like http://masonry.desandro.com/. Use a JSX to enable it for a page. That shouldn’t take longer than 1 hour of work 4) If you want to go further, consider creation a masonry app for XWiki that would allow creating masonry-style pages similar to what the totem app does. You could do this using AWM as a starter place.
Thanks -Vincent
// My current search state and ideas :
I already searched the plugin database and couldn't find someting already build. But I could have missed something.
Then, I thinked in making an app with App Within Minuts and modifing LiveTable.
First step would be to edit the code to display only the first attachement as a bigguer image.
It could be a quick fix waiting for the second step, more complex, to display the LiveTable as a masonry view. There is already existing code that could be adapted. However this would be at the limit of my few programming skills and then taking a lot of time.
Also I'm not sure if LiveTable can be modified on the context of one application only (not modifiing the others applications). - If yes, would it still be possible to use Apps Within Minutes to modify other parts of the app, not reversing the handmade code modifications ? - If not I gess this mean I need a more complex plugin to add a "massonery view" option to LiveTable and another option to Apps Within Minuts to display it by default ?
This is only a XWiki beginner ideas so maybe someone has an idea of a simpler way to do it ?
Regards -- Thibaut DEVERAUX
participants (2)
-
Thibaut DEVERAUX -
Vincent Massol