Unusually, this is related to Chrome rather than IE, as with IE, everything works properly.
I have spent weeks on this issue and have got nowhere. I have read countless forum posts and tried various things I have found but no result.
I have attached two pictures.
One of them, the title of the boxes (some... not all, i.e. Actions is there, but Matters and Documents is not) is missing and the treeview area is all squashed to the left. The other is almost correct, but a lot better than the bad one. As you can see, the titles are all there and you can see the treeview.
When I try a fix that I have found, quite often, it appears to work, but come back half an hour later (after a session timeout I guess) and it has failed again.
The page starts a load to show the title bar. Now, the rendering of the main area of the page can take a while, so we put up a waiting clock thing and use ajax to get the balance of the page. This is done with...
function
pageLoad(sender, eventArgs) {
if
(!eventArgs.get_isPartialLoad()) {
$find(
'<%= RadAjaxManager.GetCurrent(this).ClientID %>'
).ajaxRequest(
"InitialPageLoad"
);
}
}
The above calls...
protected
void
RadAjaxManager1_AjaxRequest(
object
sender, Telerik.Web.UI.AjaxRequestEventArgs e)
{
//To produce postback
if
(e.Argument.ToString() ==
"InitialPageLoad"
)
{
SetupWidgets();
dLoading.Visible =
false
;
}
}
private
void
SetupWidgets()
{
List<DockState> currentStates = CurrentDockStates.OrderBy(cs => cs.Index).ToList();
for
(
int
i = 0; i < currentStates.Count; i++)
{
if
(currentStates[i].Closed ==
false
)
{
CustomRadDock dock = CustomCreateRadDockFromState(currentStates[i]);
rdlPageDesign.Controls.Add(dock);
CustomLoadWidget(dock);
}
}
}
Now, you don't need to understand what SetupWidgets is doing... but it does work. Basically, it gets information about the items (such as action, matters and documents) and loads them into the page.
If I remove the javascript pageLoad and have the setupwidgets called from pageload in codebehind, then everything works perfect EVERY SINGLE TIME.
I have also noted that when it fails, a few things happen...
1. When all the items initially load on the page, the page is squished and then sorts itself out but the documents do not and some of the titles are missing.
2. When I view the css in the dev tools, they are not correct... for example, the Actions title area, which always works the html is...
<em style="display: block;">Actions</em>
but for the documents where it is not working, it is...
<em style="display: block; width: 0px;">Documents</em>
The documents area is in a RadSplitter, It is set as...
<telerik:RadSplitter ID="rsDocumentsView" runat="server" Height="300" width="99%">
If I set it as a value rather than a percent, it sort of works, but we need dynamic sizing. I have also tried the various resize options and that has failed to work as well. The output shows as...
<div id="ctl00_ContentPlaceHolder1_RadDock58a5fa95adcefa45bea8805a81cfcd8ee6f9_C_ctrl58a5fa95adcefa45bea8805a81cfcd8ee6f9_rsDocumentsView" style="height: 300px; width: 118px;"><div style=""><table id="RAD_SPLITTER_ctl00_ContentPlaceHolder1_RadDock58a5fa95adcefa45bea8805a81cfcd8ee6f9_C_ctrl58a5fa95adcefa45bea8805a81cfcd8ee6f9_rsDocumentsView" class="RadSplitter RadSplitter_Default" cellpadding="0" cellspacing="0" style="width:1px;height:1px;border-left-width:1px;border-top-width:1px;">
so it comes as 118px. No matter what the browser width is, it is allways 118px.
I have also ensured that all the wrapping containers have all their widths set as well, to no avail.
I think my bosses think I am swinging the lead on this.
If you need any more information, please ask. I have provided as much as I can think of.
Thanks.
David.