Hello Forum,
I try to add some text to a horrizontal Splittbar of my Splitter. Background is, that if the User of my site collapse the filter pane, the entered filter should be displayed in a short form in the splittbar.
I tried the following code (without luck yet):
$(document).ready(
function
()
{
var
allHorizontalSplitterElements = $(
".k-splitbar.k-state-default.k-splitbar-vertical"
);
var
splitter = $(
"#filterMaster"
).find(allHorizontalSplitterElements);
var
splittbar = splitter.get(0);
var
child = createInfoDiv();
splittbar.appendChild(child);
});
function
createInfoDiv()
{
var
infoDiv = document.createElement(
"div"
);
infoDiv.className =
"infoDiv"
;
infoDiv.innerHTML =
"Filter:"
;
return
infoDiv;
}
All works without any error, but the div is not added to the splittbar. If I check in IE Developer Tools, the Splittbar div only contains the div for the collapse icon.
That I got the right div in my variable splittbar I checked by appending an additional css style. That was working, but not the appendChild function.
In hope for help,
Thomas