Difference between edit and site layout in DNN 9 - dotnetnuke

Hi I have a very basic question in DNN 9. Can you guys explain me the difference between edit and site layout in DNN 9.

You didn't say which specific DNN 9 version you are using. I'll assume 9.2.0, which includes the Personal Bar control panel.
"Edit" mode is entered by clicking the pencil icon at the bottom of the persona bar. When you are in edit mode, you have additional options along the bottom to add modules or edit page settings. Edit mode also shows outlines (surrounded by dotted borders) of the content panes into which you can place modules. Edit mode also exposes controls that allow you to edit individual modules. You need to mouse over a module to see them.
I'm not aware of a "Site Layout" mode in DNN 9.2.0. Older versions of DNN did have a mode that shows the page along with the locations of the content panes. It doesn't show module content.

Related

INSTALLSHIELD setup User may search for their personal or business logo and apply

Every windows screen in our WPF application displays the ICON in the upper left corner. Numerous users of this program have the expectation of seeing their company logo.
We made the logo.ico file a "always copy" so that it is copied into the bin location along with every build. ICON is referring to the logo.ico file in this case.
The logo.ico file's icon will be reflected on the Windows screen if we go ahead and replace it with any other image.
We cannot expect the customers to accomplish this, so we must make it easier for them to browse the icon file during installation. InstalledShield software is used to prepare the installation setup. If there is a better way, please describe it here. I seek advice on how to accomplish this.
I would like you to check why the icon is getting reflected if you replace it with any other image, windows has some specification on the image size to display the icon/tile on the screen. See whether your icon is meeting all those specification to reflect it on the screen.
https://docs.revenera.com/installshield26helplib/helplibrary/IHelpMarsShortcutProperties.htm#ref-views_3737199233_1323863
you can also find information regarding the icon specification from the Microsoft documentation pages.
Apart from that, if you want to show up a browse dialog during the installation then you need to modify your InstallShield project:
1- To launch a browse dialog from the Basic MSI project:
https://docs.revenera.com/installshield23helplib/helplibrary/FileOpenDialog-HowTo.htm
2- To launch a browse dialog from an InstallScript project:
https://community.flexera.com/t5/InstallShield-Knowledge-Base/Displaying-a-File-Browse-Dialog-in-an-InstallScript-Project/ta-p/3964
But, my preference to you to check why the icon is getting reflected if its replaced with other image, and fix it.

In Visual Studio Code, is there a way to see the explorer on the left and the outline on the right?

I am used to program having the file browser on the left of the code and the outline on the right. However, in Visual Studio Code it seems that I can only have both things on the same side. Is there any way to have them in different sides (like in the image, that comes from eclipse)?
Thanks,
DMR
Coming to Stable v1.64, see Release Notes: Side Panel so no need for the experimental settings.
Note that this second Side Bar is currently known as the Side Panel.
You can drag various views into the Side Panel like the Outline or SCM views. I would expect that more will be added later.
Demos:
This icon on the upper right was recently: it is a Layout Control icon.
Customize Layout Control
With all these new layout options, we have been exploring ways to
better expose layout configuration for discoverability and ease of
use. That's why you might notice a new experimental layout control in
your title bar. Note this only appears if your window.titleBarStyle
setting is custom and workbench.experimental.layoutControl.enabled
is set to true. The enablement is controlled by an experiment, but if
you want to enable it manually, you can do so in the Settings editor.
The contents of the menu are still being worked on, but currently you
should see the ability to toggle the Side Bar, Panel, and Side Panel.
Additionally, you will see an entry for a new command Customize
Layout. This new command triggers a new interactive quick pick
experience allowing you to control all aspects of layout configuration
in one place.
----------- With v1.65:
we are adding some options for everyone to try out with the setting
workbench.experimental.layoutControl.type. This setting has the
following options:
Menu: This is the previous behavior with a single button that opens a
menu.
Toggles: This is a new option which shows three buttons to toggle the
panel, side bar, and side panel.
Both: This is a new option which shows the toggles followed by the
menu button which still allows you to fairly quickly access the
customize layout quick pick.

How to make and use different page layouts?

I am new to DotNetNuke and come from a WP/Drupal background. I can't find any documentation on what I feel should just be a simple thing to do.
I need to have three different layouts, a Homepage layout which just uses a simple 12 column gird.
An InteriorA page where it uses a 9 col grid with a 3 col
Then an InteriorB page where it uses a 3-3-6-12 grid.
I dont see where I build and save these templates in code, then where to assign them to the pages I want to use them on.
Following up on the previous answer, resources available to you include the Xcillion theme that is provided with DNN installs. You will find the entire skin in /Portals/_defauilt/skins/Xcillion.
The "page layouts" are the .ascx files. The details of the layout are the "content panes" included in the .ascx files. They are the divs with IDs and the runat-server attribute.
You can define the layouts using different skin files, and then put content (modules) in the content panes that you would like to use. In other words, you can include the 3 layout possibilities in one .ascx, and place content appropriately.
The DNN Wiki has http://www.dnnsoftware.com/wiki/dotnetnuke-skins, with covers the basics of theming. You should be able to find more resources by Googling. One great resource on theme construction is DNN Hero's tutorials from DNN Creating. Start at dnnhero.com. This is a subscription service, though.
The location of these file is usually in a folder such as below:
\Portals_default\Skins
There are also skins which may be installed on a "portal" level:
These would be seen here:
\Portals\0\Skins
In here you should find a folder which is the name of the skin - And then the ASCX files for each individual skin file.

how to change DNN 7 Mega2DNN to Standard DNN menu

I has some problem, can anyone help?
how to change DNN 7 Mega2DNN to Standard DNN menu.
so it is one column going down
Thanks
The DDR Menu uses templates to conteol its behavior. Mega2DNN is one such template?
Assuming that the template is specified in your skin file, that's where you replace Mega2DNN with another template. Look at a skin file from the Gravity skin as an exmaple.
You will find a small collection of templates at http://dnnddrmenutemplates.codeplex.com/
The DNN Wike has a section on the DDR Menu, including a discussion of creating and configuring templates.
You may find it easy to modify an existing template, or you can create one from scratch. As for getting started, the ULTokens template creates a simple unordered list of links that you can style. The Superfish template creates a horizontal menu with dropdowns.
DNNCreative.com, a subscription site, has a nice tutorial

DotNetNuke module position and panes

I have been using DotNetNuke for a couple of weeks but there is one thing I can't figure out. How can I find out which pane a module currently resides in. I have used mostly version 7 but I have tried version 6 too. I can't find this information anywhere.
When a page is in Edit Mode in 7.x there is an option to move a module to a different pane by hovering over the Move Icon. DNN displays a list of panes where the module can be moved when the mouse is over the Move Icon. DNN knows what pane the module is currently in because the current pane is excluded from the list. However, under the Settings for a module there is no property to tell you in which pane the module resides.
This is really important because most skins have LOTS (20+) of different panes. Usually panes are collapsible it is quite hard to tell which pane a module is in based solely on the position of the module on the page. Knowing the current pane of one module is required to get the correct layout when you add new modules.
The only thing that works is to use process of elimination. I can figure out a module's current pane if I can find which pane is NOT in the list of panes where I can move that module. This method is tedious and un-usable if you are trying to work with modules via the Page Management admin screen. Am I missing where to find this property or is not available. If it is not available then is there are better way to position items that I am missing?
Layout Mode should show you the PANE names. If you don't have Pane Names then it is possible that the Skin you are using has hidden the the name of the pane, but why they would do that I don't know.
Here's an Example of one of the Panes in my MultiFunction skin (available on codeplex) when in Layout Mode
TopPane

Resources