In order to theming a site for an italian public school, i need to use a customized version of bootstrap ( boostrap-italia ), Its a mandatory library for this kind of sites (some government rule). In my ascx page, i included (with DnnCssInclude DnnJsInclude) the relative bootstrap-italia files. I noticed that when im in admin mode, i don't see the dotted box of the panes and if i click in Editbar the button Add Module or Add Existing module, nothing happens; I dont know how to solve the issue, if i can ovverride this behaviour in some way or investigate in any manner... thank you....
Thank you for your question and welcome! :)
When you said you edited an ASCX file, was that a file in your custom theme, or some other file?
I found an open-source DNN > Bootstrap theme in GitHub and here's an example of how they are including Bootstrap. You'd just need to change the URLs for the Bootstrap you need to include.
https://github.com/ChrisH...er/Home.ascx#L17-L18
Thank you for your prompt reply,
the ascx file is the file in my custom file. I already used 'regular' bootstrap in my skins, but this customed version( Introduzione · Bootstrap Italia )seems to conflict with edit bar: if i put bootstrap-italia.css and relative js declaration at the top (like your file does) the edit bar works regularly opening add modules forms, but not working action menu and dragging modules ; if i put it at the bottom, then action menu works, opening and dragging modules, but not working edit bar ("add modules" and "add existing modules") and i cant see dotted containers.
Oh... Whoops! I misunderstood the issue. What have you done to troubleshoot this so far? It sounds like there will be some very time-consuming troubleshooting required. Do you know what version/fork of Bootstrap yours is based on?
Posted By Luigib on 11/10/2022 9:02 PM Thank you for your prompt reply, the ascx file is the file in my custom file. I already used 'regular' bootstrap in my skins, but this customed version( Introduzione · Bootstrap Italia )seems to conflict with edit bar: if i put bootstrap-italia.css and relative js declaration at the top (like your file does) the edit bar works regularly opening add modules forms, but not working action menu and dragging modules ; if i put it at the bottom, then action menu works, opening and dragging modules, but not working edit bar ("add modules" and "add existing modules") and i cant see dotted containers.
So I guess it has to do with the file order. Did you try importing the CSS at the start of your skin.css?
Do you see any JS errors in the browser console? (f12)
following the advice of Will, i noticed that the template provided by the school has an old version of the bootstrap fork. After updating, i set the priority and the position ( at the botton of ascx) and now is working. I have some little issues after the bootstrap update, but i hope to be able to solve them.
These Forums are dedicated to the discussion of DNN Platform.
For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:
Awesome! Simply post in the forums using the link below and we'll get you started.