Blog chooser dialog is malformed when creating a post with multiple blogs

[Forro-54]

Description

When more than one blog is configured in DNN.Blog 6.7.1, clicking New Post! should open a dialog that allows the user to choose which blog will receive the new post.

The blog-selection controls are generated, but the dialog does not form correctly. The title, blog selector, and action buttons appear as unstyled content near the upper-left of the page instead of inside a centred DNN popup.

The blog list itself is populated correctly, so the problem appears to be limited to the generated jQuery UI dialog wrapper and its styling.

Environment
DNN.Blog 6.7.1
DNN Platform 10.3.2
More than one blog configured in the Blog module
Steps to reproduce
Install DNN.Blog 6.7.1 on DNN Platform 10.3.2.
Create or configure at least two blogs.
Log in as a user who has permission to create blog posts.
Open the page containing the Blog module.
Click New Post!
Observe the blog-selection dialog.
Actual result

The blog chooser content appears, including:

the dialog heading;
the blog-selection drop-down;
the New Post button;
the Cancel button.

However, the controls are displayed as loose, unstyled page content near the upper-left of the page.

The expected DNN popup border, background, positioning, and button styling are not applied.

Expected result

A centred and properly styled DNN popup should appear.

The popup should:

contain the blog-selection drop-down;
display the full selector and its down arrow;
include correctly styled New Post and Cancel buttons;
allow the user to choose the intended blog;
close correctly when Cancel is selected.
Technical observation

The chooser uses the jQuery UI dialogClass option with the following classes:

dialogClass: 'dnnFormPopup dnnClear'

Under DNN 10.3.2, these classes are not reliably applied to the generated outer .ui-dialog widget.

Applying the classes directly in the browser console immediately restores the correct popup presentation:

var $blogChooser = jQuery('select[id$="ddBlog"]')
.closest('.ui-dialog-content');

var $blogChooserWidget = $blogChooser.dialog('widget');

$blogChooserWidget.addClass(
'dnnFormPopup dnnClear dnnBlogChoosePopup'
);
Affected file
Server/Blog/Controls/ManagementPanel.ascx
Suggested repair

Retain the existing dialogClass option for compatibility, but obtain the generated dialog widget in the chooser’s open function and apply the required DNN classes directly.

Button styling should also be scoped to the current dialog rather than searching globally for all jQuery UI dialog button panes.

The blog selector should use box-sizing: border-box so that its border and padding remain within the available dialog width.

Validation completed

The proposed repair has been tested successfully on:

DNN Platform 9.13.1 development site;
DNN Platform 10.3.2 development site;
DNN Platform 10.3.2 production site.

The following functions were confirmed:

the chooser opens correctly;
the dialog is centred;
the complete selector and down arrow are visible;
the correct blog can be selected;
New Post proceeds correctly;
Cancel closes the dialog.

Screen.Recording.2026-07-31.112512.mp4