Published on 05/18/2024
Published by amit
Customizing design of sidebar while using backend design
step 1 : define the following in a service
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
[templates.add config] [arr.create o.set='template.data'] [design] [aside_classes _value='brand-third-bg' /] [active_background_color _value='#E0D9D1' /] [active_border_color _value='#e56400'/] [sub_menu_background_color _value='#E9E1DA' /] [sub_menu_active_background_color _value='#E0D9D1' /] [sub_menu_icon_background_color _value='#E9E1DA' /] [sub_menu_icon_color _value='#643C1C' /] [anchor_color _value='#643C1C' /] [additional_css] .inputSearch .form-control { border-color: #fff1e6; } .inputSearch .fa { color: #643C1C; } [/additional_css] [/design] [/arr.create] [template.return template.data /] [/templates.add] |
step 2: call the service and pass the data to the layout module (make sure you are using the latest version of the backend design service).
|
1 2 |
[quote.backend-design-data.config o.set='module.data' /] [backend_design.layout data='{module.data}'/] |
In the example code shown above, in quote service, we have backend-design-data module with the config that is shown in step 1.