{"_id":"5aff027686c0a90003b923a9","category":{"_id":"5aff027686c0a90003b923b2","version":"5aff027686c0a90003b923b4","project":"5707c6875309d117006948d4","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-04-08T14:56:07.661Z","from_sync":false,"order":1,"slug":"documentation","title":"Guides"},"project":"5707c6875309d117006948d4","user":"54d742a80771980d0052f4b5","parentDoc":null,"version":{"_id":"5aff027686c0a90003b923b4","project":"5707c6875309d117006948d4","__v":0,"forked_from":"5ab4fbd96316b00012bd8970","createdAt":"2018-03-23T13:06:33.352Z","releaseDate":"2018-03-23T13:06:33.352Z","categories":["5aff027686c0a90003b923b1","5aff027686c0a90003b923b2","5aff027686c0a90003b923b3"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"7.2.0","version":"7.2.0"},"__v":0,"updates":["59e60bed2f2ef60038b8c56c","59e60d6a449035001a7862b3"],"next":{"pages":[],"description":""},"createdAt":"2017-07-15T08:02:18.397Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":7,"body":"You can make the tree right to left easily by supplying an 'rtl' boolean option.\n\n[block:api-header]\n{\n  \"title\": \"Demo\"\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<iframe src=\\\"https://rawgit.com/500tech/angular-tree-component/master/example/cli/dist/#/rtl\\\" width=\\\"100%\\\" height=\\\"250px\\\"></iframe>\\n\"\n}\n[/block]\n\n[block:html]\n{\n  \"html\": \"<a href=\\\"https://github.com/500tech/angular-tree-component/blob/master/example/cli/src/app/rtl/rtl-tree.component.ts\\\" target=\\\"_blank\\\">Source code for this demo</a>\"\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<tree-root [focused]=\\\"true\\\" [nodes]=\\\"nodes\\\" [options]=\\\"options\\\"></tree-root>\",\n      \"language\": \"html\",\n      \"name\": \"sample.component.html\"\n    }\n  ]\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"options = {\\n  rtl: true\\n};\\n\",\n      \"language\": \"javascript\",\n      \"name\": \"styles.scss\"\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"rtl","type":"basic","title":"RTL"}
You can make the tree right to left easily by supplying an 'rtl' boolean option. [block:api-header] { "title": "Demo" } [/block] [block:html] { "html": "<iframe src=\"https://rawgit.com/500tech/angular-tree-component/master/example/cli/dist/#/rtl\" width=\"100%\" height=\"250px\"></iframe>\n" } [/block] [block:html] { "html": "<a href=\"https://github.com/500tech/angular-tree-component/blob/master/example/cli/src/app/rtl/rtl-tree.component.ts\" target=\"_blank\">Source code for this demo</a>" } [/block] [block:code] { "codes": [ { "code": "<tree-root [focused]=\"true\" [nodes]=\"nodes\" [options]=\"options\"></tree-root>", "language": "html", "name": "sample.component.html" } ] } [/block] [block:code] { "codes": [ { "code": "options = {\n rtl: true\n};\n", "language": "javascript", "name": "styles.scss" } ] } [/block]