Custom themes and bootstrap

[listy]

Hello Everyone!

Now the market has a huge number of different themes that are written on JS.
Many of them are free and ready to be installed on any website. How difficult would it be to install and integrate such a thing into TACTIC?
Does anybody have similar experience?

For example, was it difficult to implement a similar theme in TACTIC in the form of a plugin?


Element:
https://element.eleme.io/#/en-US/theme/preview

I am going to try this by Myself. Don't know how it's hard will be...

[Celton McGrath]

Hi Listy,

Great question. Custom theming of TACTIC is common practice. It is something Southpaw does for every custom solution they build for their clients. It is also done on the TACTIC Community site.

To create a custom theme, you only need to create a custom URL "/index" that overrides the TACTIC index. This can point to a widget or a custom layout.

TACTIC 4.7 is made compatible with jquery, so using modern JS libraries is now possible. 

Finally, as you can see with the TACTIC community site, we are hoping to include a major a revamp of the TACTIC index / admin index using bootstrap in TACTIC 4.8. We are still in the discovery phase, but it is looking promising.

- Celton

[listy]

Hi Listy,

Great question. Custom theming of TACTIC is common practice. It is something Southpaw does for every custom solution they build for their clients. It is also done on the TACTIC Community site.

To create a custom theme, you only need to create a custom URL "/index" that overrides the TACTIC index. This can point to a widget or a custom layout.

TACTIC 4.7 is made compatible with jquery, so using modern JS libraries is now possible. 

Finally, as you can see with the TACTIC community site, we are hoping to include a major a revamp of the TACTIC index / admin index using bootstrap in TACTIC 4.8. We are still in the discovery phase, but it is looking promising.

- Celton

Thanks for the answer.

I will try to intagrate vue.js, as i still on the 4.5.

BTW Are You working with the Southpaw?

[Celton McGrath]

Cool! Let us know how it goes.

Yes - I am currently with Southpaw. I love it because it means I have a reason to work on TACTIC everyday.

[listy]

Cool! Let us know how it goes.

Yes - I am currently with Southpaw. I love it because it means I have a reason to work on TACTIC everyday.

Oh, this is my dream ...

[listy]

Finally, as you can see with the TACTIC community site, we are hoping to include a major a revamp of the TACTIC index / admin index using bootstrap in TACTIC 4.8. We are still in the discovery phase, but it is looking promising.

Can we take a little look at this super secret new admin index with bootstrap in TACTIC 4.8? 
If its look and feel will satisfy all of us, may be it's don't worth doing custom theming

[listy]

Looks like i have some troubles getting custom theme working related to mako.
make did not allow running some js code exlicitly

[Celton McGrath]

Hi Listy,

The migration of TACTIC to Bootstrap Material Design is going to be a gradual process. We are starting with the main page layout and navigation, and will move onto core widgets after. I hope I can share a screenshot or two in the coming days/weeks!

Including custom java script libraries if usually best done with the ProjectSetting key js_libraries or Config key <install><include_js>, both of which can be comma separated lists to files.

Hope this helps!
Celton

[listy]

Hi Listy,

The migration of TACTIC to Bootstrap Material Design is going to be a gradual process. We are starting with the main page layout and navigation, and will move onto core widgets after. I hope I can share a screenshot or two in the coming days/weeks!

Including custom java script libraries if usually best done with the ProjectSetting key js_libraries or Config key <install><include_js>, both of which can be comma separated lists to files.

Hope this helps!
Celton

Yeah, i have installed custom js, but some things like:

Code:

    <el-button @click="visible = true">Button</el-button>
    <el-dialog :visible.sync="visible" title="Hello world">
      <p>Try Element</p>
    </el-dialog>

Can not even be saved in custom layout editor.


We all be waiting for screenshots with our fingers crossed

[Celton McGrath]

Yes! The custom layout editor is picky! I think that we should definitely change the custom layout editor so that it accepts this type of code. I will put it into our backlog, and would invite you do fix this yourself as well.