Re: [Dev] [Taxonomy] Update styles for a tree view
Hi all, Seems we can write our own theme for this.[1][2] Shall we try to write a theme using CSS. [1] https://groups.google.com/forum/#!searchin/jstree/replace$20images/jstree/iLQu0AYSuCE/Tudnd9LVQLEJ [2] https://groups.google.com/forum/#!searchin/jstree/replace$20images/jstree/A3gDh7s6D7Y/xajKqHEYu-gJ Regards, *Dakshika Jayathilaka* PMC Member & Committer of Apache Stratos Senior Software Engineer WSO2, Inc. lean.enterprise.middleware 0771100911 On Thu, Mar 31, 2016 at 12:09 PM, Jerad Rutnam wrote: > Hi Chanaka, > > Shall we check if there is any other library for the requirement? I think > its better if we double check. And I believe its possible to style the > dotted lines etc ... You can get an idea from the treeview in Theme WSO2 > [2]. And if we need any additional icons we can add to Font WSO2 [1] and > use. > > [1] - http://wso2-dev-ux.github.io/font-wso2/ > [2] - http://wso2-dev-ux.github.io/theme-wso2/layout.html > > Regards, > Jerad > > > On Thu, Mar 31, 2016 at 11:27 AM, Chanaka Jayasena > wrote: > >> Hi, >> >> It seems hard to override the image map in this library with font base >> icons. For an example representing the dotted lines will be a challenge. It >> will require lot of customization to the library such as creating a custom >> font, etc.. IMO the best option here is to update the image map of the >> library. >> >> thanks, >> Chanaka >> >> On Thu, Mar 31, 2016 at 10:17 AM, Jerad Rutnam wrote: >> >>> Hi Lahiru, >>> >>> Can't we style jstree without images? We are not using images in new >>> WSO2 Product UI's unless its necessary. And we are not recommending to use >>> here. >>> >>> Regards, >>> Jerad >>> >>> On Thu, Mar 31, 2016 at 9:42 AM, Lahiru J Ekanayake >>> wrote: >>> Hi All, I'm using jstree[1] library to render a tree structure for taxonomy feature [2]. I want to update the styling according to WSO2 theme [3] tree view . So its need to update this attached image *(original source [4] ). *Please help me to edit this image. [image: Inline image 1] [1] - https://www.jstree.com/ [2] - https://docs.google.com/a/wso2.com/document/d/1gU0KCCb595kJ0-B9ERMYmIbducZO3-4OCAGf0coZCs4/edit?usp=sharing [3] - http://wso2-dev-ux.github.io/theme-wso2/layout.html [4] - https://github.com/vakata/jstree/tree/master/dist/themes/default -- Regards *Lahiru J Ekanayake**Software Engineer* Mobile : +94 (0) 77 8812629 / +94(0) 778509547 Email : lahi...@wso2.com WSO2, Inc.; http://wso2.com/ lean . enterprise . middleware. >>> >>> >>> -- >>> *Jerad Rutnam* >>> *Software Engineer* >>> >>> WSO2 Inc. >>> lean | enterprise | middleware >>> M : +94 77 959 1609 | E : je...@wso2.com | W : www.wso2.com >>> >>> ___ >>> Dev mailing list >>> Dev@wso2.org >>> http://wso2.org/cgi-bin/mailman/listinfo/dev >>> >>> >> >> >> -- >> Chanaka Jayasena >> Associate Tech Lead, >> email: chan...@wso2.com; cell: +94 77 785 5565 >> blog: http://chanaka3d.blogspot.com >> > > > > -- > *Jerad Rutnam* > *Software Engineer* > > WSO2 Inc. > lean | enterprise | middleware > M : +94 77 959 1609 | E : je...@wso2.com | W : www.wso2.com > > ___ > Dev mailing list > Dev@wso2.org > http://wso2.org/cgi-bin/mailman/listinfo/dev > > ___ Dev mailing list Dev@wso2.org http://wso2.org/cgi-bin/mailman/listinfo/dev
Re: [Dev] [Taxonomy] Update styles for a tree view
Hi Chanaka, Shall we check if there is any other library for the requirement? I think its better if we double check. And I believe its possible to style the dotted lines etc ... You can get an idea from the treeview in Theme WSO2 [2]. And if we need any additional icons we can add to Font WSO2 [1] and use. [1] - http://wso2-dev-ux.github.io/font-wso2/ [2] - http://wso2-dev-ux.github.io/theme-wso2/layout.html Regards, Jerad On Thu, Mar 31, 2016 at 11:27 AM, Chanaka Jayasena wrote: > Hi, > > It seems hard to override the image map in this library with font base > icons. For an example representing the dotted lines will be a challenge. It > will require lot of customization to the library such as creating a custom > font, etc.. IMO the best option here is to update the image map of the > library. > > thanks, > Chanaka > > On Thu, Mar 31, 2016 at 10:17 AM, Jerad Rutnam wrote: > >> Hi Lahiru, >> >> Can't we style jstree without images? We are not using images in new WSO2 >> Product UI's unless its necessary. And we are not recommending to use here. >> >> Regards, >> Jerad >> >> On Thu, Mar 31, 2016 at 9:42 AM, Lahiru J Ekanayake >> wrote: >> >>> Hi All, >>> >>> I'm using jstree[1] library to render a tree structure for taxonomy >>> feature [2]. I want to update the styling according to WSO2 theme [3] tree >>> view . So its need to update this attached image *(original source [4] >>> ). *Please help me to edit this image. >>> >>> >>> [image: Inline image 1] >>> >>> >>> >>> [1] - https://www.jstree.com/ >>> [2] - >>> https://docs.google.com/a/wso2.com/document/d/1gU0KCCb595kJ0-B9ERMYmIbducZO3-4OCAGf0coZCs4/edit?usp=sharing >>> [3] - http://wso2-dev-ux.github.io/theme-wso2/layout.html >>> [4] - https://github.com/vakata/jstree/tree/master/dist/themes/default >>> -- >>> >>> Regards >>> >>> >>> *Lahiru J Ekanayake**Software Engineer* >>> Mobile : +94 (0) 77 8812629 / +94(0) 778509547 >>> Email : lahi...@wso2.com >>> WSO2, Inc.; http://wso2.com/ >>> lean . enterprise . middleware. >>> >>> >> >> >> -- >> *Jerad Rutnam* >> *Software Engineer* >> >> WSO2 Inc. >> lean | enterprise | middleware >> M : +94 77 959 1609 | E : je...@wso2.com | W : www.wso2.com >> >> ___ >> Dev mailing list >> Dev@wso2.org >> http://wso2.org/cgi-bin/mailman/listinfo/dev >> >> > > > -- > Chanaka Jayasena > Associate Tech Lead, > email: chan...@wso2.com; cell: +94 77 785 5565 > blog: http://chanaka3d.blogspot.com > -- *Jerad Rutnam* *Software Engineer* WSO2 Inc. lean | enterprise | middleware M : +94 77 959 1609 | E : je...@wso2.com | W : www.wso2.com ___ Dev mailing list Dev@wso2.org http://wso2.org/cgi-bin/mailman/listinfo/dev
Re: [Dev] [Taxonomy] Update styles for a tree view
Hi, It seems hard to override the image map in this library with font base icons. For an example representing the dotted lines will be a challenge. It will require lot of customization to the library such as creating a custom font, etc.. IMO the best option here is to update the image map of the library. thanks, Chanaka On Thu, Mar 31, 2016 at 10:17 AM, Jerad Rutnam wrote: > Hi Lahiru, > > Can't we style jstree without images? We are not using images in new WSO2 > Product UI's unless its necessary. And we are not recommending to use here. > > Regards, > Jerad > > On Thu, Mar 31, 2016 at 9:42 AM, Lahiru J Ekanayake > wrote: > >> Hi All, >> >> I'm using jstree[1] library to render a tree structure for taxonomy >> feature [2]. I want to update the styling according to WSO2 theme [3] tree >> view . So its need to update this attached image *(original source [4] >> ). *Please help me to edit this image. >> >> >> [image: Inline image 1] >> >> >> >> [1] - https://www.jstree.com/ >> [2] - >> https://docs.google.com/a/wso2.com/document/d/1gU0KCCb595kJ0-B9ERMYmIbducZO3-4OCAGf0coZCs4/edit?usp=sharing >> [3] - http://wso2-dev-ux.github.io/theme-wso2/layout.html >> [4] - https://github.com/vakata/jstree/tree/master/dist/themes/default >> -- >> >> Regards >> >> >> *Lahiru J Ekanayake**Software Engineer* >> Mobile : +94 (0) 77 8812629 / +94(0) 778509547 >> Email : lahi...@wso2.com >> WSO2, Inc.; http://wso2.com/ >> lean . enterprise . middleware. >> >> > > > -- > *Jerad Rutnam* > *Software Engineer* > > WSO2 Inc. > lean | enterprise | middleware > M : +94 77 959 1609 | E : je...@wso2.com | W : www.wso2.com > > ___ > Dev mailing list > Dev@wso2.org > http://wso2.org/cgi-bin/mailman/listinfo/dev > > -- Chanaka Jayasena Associate Tech Lead, email: chan...@wso2.com; cell: +94 77 785 5565 blog: http://chanaka3d.blogspot.com ___ Dev mailing list Dev@wso2.org http://wso2.org/cgi-bin/mailman/listinfo/dev
Re: [Dev] [Taxonomy] Update styles for a tree view
Hi Lahiru, Can't we style jstree without images? We are not using images in new WSO2 Product UI's unless its necessary. And we are not recommending to use here. Regards, Jerad On Thu, Mar 31, 2016 at 9:42 AM, Lahiru J Ekanayake wrote: > Hi All, > > I'm using jstree[1] library to render a tree structure for taxonomy > feature [2]. I want to update the styling according to WSO2 theme [3] tree > view . So its need to update this attached image *(original source [4] ). > *Please help me to edit this image. > > > [image: Inline image 1] > > > > [1] - https://www.jstree.com/ > [2] - > https://docs.google.com/a/wso2.com/document/d/1gU0KCCb595kJ0-B9ERMYmIbducZO3-4OCAGf0coZCs4/edit?usp=sharing > [3] - http://wso2-dev-ux.github.io/theme-wso2/layout.html > [4] - https://github.com/vakata/jstree/tree/master/dist/themes/default > -- > > Regards > > > *Lahiru J Ekanayake**Software Engineer* > Mobile : +94 (0) 77 8812629 / +94(0) 778509547 > Email : lahi...@wso2.com > WSO2, Inc.; http://wso2.com/ > lean . enterprise . middleware. > > -- *Jerad Rutnam* *Software Engineer* WSO2 Inc. lean | enterprise | middleware M : +94 77 959 1609 | E : je...@wso2.com | W : www.wso2.com ___ Dev mailing list Dev@wso2.org http://wso2.org/cgi-bin/mailman/listinfo/dev
[Dev] [Taxonomy] Update styles for a tree view
Hi All, I'm using jstree[1] library to render a tree structure for taxonomy feature [2]. I want to update the styling according to WSO2 theme [3] tree view . So its need to update this attached image *(original source [4] ). *Please help me to edit this image. [image: Inline image 1] [1] - https://www.jstree.com/ [2] - https://docs.google.com/a/wso2.com/document/d/1gU0KCCb595kJ0-B9ERMYmIbducZO3-4OCAGf0coZCs4/edit?usp=sharing [3] - http://wso2-dev-ux.github.io/theme-wso2/layout.html [4] - https://github.com/vakata/jstree/tree/master/dist/themes/default -- Regards *Lahiru J Ekanayake**Software Engineer* Mobile : +94 (0) 77 8812629 / +94(0) 778509547 Email : lahi...@wso2.com WSO2, Inc.; http://wso2.com/ lean . enterprise . middleware. ___ Dev mailing list Dev@wso2.org http://wso2.org/cgi-bin/mailman/listinfo/dev