Hide column headers in an XPages viewPanel only when view is collapsed
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I have a simple viewPanel in XPages with a few columns where the first column is categoriezed. When user is entering the view it is collapsed using the expandLevel= "1"
I have now a request to hide the column headers that are not displayed when the view is collapsed, and show them when one or more categories is expanded.
how can I do that?
thanks
Thomas
xpages columnheader viewpanel
asked Nov 22 '18 at 8:37
Thomas AdrianThomas Adrian
2,50122448
add a comment |
I have a simple viewPanel in XPages with a few columns where the first column is categoriezed. When user is entering the view it is collapsed using the expandLevel= "1"
I have now a request to hide the column headers that are not displayed when the view is collapsed, and show them when one or more categories is expanded.
how can I do that?
thanks
Thomas
xpages columnheader viewpanel
asked Nov 22 '18 at 8:37
Thomas AdrianThomas Adrian
2,50122448
add a comment |
I have a simple viewPanel in XPages with a few columns where the first column is categoriezed. When user is entering the view it is collapsed using the expandLevel= "1"
I have now a request to hide the column headers that are not displayed when the view is collapsed, and show them when one or more categories is expanded.
how can I do that?
thanks
Thomas
xpages columnheader viewpanel
asked Nov 22 '18 at 8:37
Thomas AdrianThomas Adrian
2,50122448
I have a simple viewPanel in XPages with a few columns where the first column is categoriezed. When user is entering the view it is collapsed using the expandLevel= "1"
I have now a request to hide the column headers that are not displayed when the view is collapsed, and show them when one or more categories is expanded.
how can I do that?
thanks
Thomas
xpages columnheader viewpanel
xpages columnheader viewpanel
asked Nov 22 '18 at 8:37
Thomas AdrianThomas Adrian
2,50122448
asked Nov 22 '18 at 8:37
Thomas AdrianThomas Adrian
2,50122448
asked Nov 22 '18 at 8:37
Thomas AdrianThomas Adrian
2,50122448
asked Nov 22 '18 at 8:37
Thomas AdrianThomas Adrian
2,50122448
asked Nov 22 '18 at 8:37
Thomas AdrianThomas Adrian
2,50122448
2,50122448
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Not quite sure what kind of display / layout you have in mind but I played around with that thought a bit. Just a few ideas, nothing that I really tried (don't have a server at hand right now):
Assuming that you wish to hide all column headers when all categories are fully collapsed one way you could go is to use some client side scripting setting an initial display:none styling for the data table's <thead> element; or if you can't reach thead for whatever reason you might as well address all column headers through their separate styleClass xspPanelViewColumnHeader.
Reacting to the the expand / collapse events might be a bit tricky;
Speaking of more control: all in all it might be a much better idea not to go for a view panel at all. You could instead use a <xp:dataTable> or even <xp:repeat> control which means more work but is giving you much more control over what you can achieve here. Or you even go for something like a b jQuery data table.
answered Dec 1 '18 at 12:19
Lothar MuellerLothar Mueller
2,05811122
Thanks. I tried a client side script to check if some rows exist but I could not get it to work because of how the view panel is refreshed.
– Thomas Adrian
Dec 3 '18 at 17:00
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53426816%2fhide-column-headers-in-an-xpages-viewpanel-only-when-view-is-collapsed%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Not quite sure what kind of display / layout you have in mind but I played around with that thought a bit. Just a few ideas, nothing that I really tried (don't have a server at hand right now):
Assuming that you wish to hide all column headers when all categories are fully collapsed one way you could go is to use some client side scripting setting an initial display:none styling for the data table's <thead> element; or if you can't reach thead for whatever reason you might as well address all column headers through their separate styleClass xspPanelViewColumnHeader.
Reacting to the the expand / collapse events might be a bit tricky;
Speaking of more control: all in all it might be a much better idea not to go for a view panel at all. You could instead use a <xp:dataTable> or even <xp:repeat> control which means more work but is giving you much more control over what you can achieve here. Or you even go for something like a b jQuery data table.
answered Dec 1 '18 at 12:19
Lothar MuellerLothar Mueller
2,05811122
Thanks. I tried a client side script to check if some rows exist but I could not get it to work because of how the view panel is refreshed.
– Thomas Adrian
Dec 3 '18 at 17:00
add a comment |
Not quite sure what kind of display / layout you have in mind but I played around with that thought a bit. Just a few ideas, nothing that I really tried (don't have a server at hand right now):
Assuming that you wish to hide all column headers when all categories are fully collapsed one way you could go is to use some client side scripting setting an initial display:none styling for the data table's <thead> element; or if you can't reach thead for whatever reason you might as well address all column headers through their separate styleClass xspPanelViewColumnHeader.
Reacting to the the expand / collapse events might be a bit tricky;
Speaking of more control: all in all it might be a much better idea not to go for a view panel at all. You could instead use a <xp:dataTable> or even <xp:repeat> control which means more work but is giving you much more control over what you can achieve here. Or you even go for something like a b jQuery data table.
answered Dec 1 '18 at 12:19
Lothar MuellerLothar Mueller
2,05811122
Thanks. I tried a client side script to check if some rows exist but I could not get it to work because of how the view panel is refreshed.
– Thomas Adrian
Dec 3 '18 at 17:00
add a comment |
Not quite sure what kind of display / layout you have in mind but I played around with that thought a bit. Just a few ideas, nothing that I really tried (don't have a server at hand right now):
Assuming that you wish to hide all column headers when all categories are fully collapsed one way you could go is to use some client side scripting setting an initial display:none styling for the data table's <thead> element; or if you can't reach thead for whatever reason you might as well address all column headers through their separate styleClass xspPanelViewColumnHeader.
Reacting to the the expand / collapse events might be a bit tricky;
Speaking of more control: all in all it might be a much better idea not to go for a view panel at all. You could instead use a <xp:dataTable> or even <xp:repeat> control which means more work but is giving you much more control over what you can achieve here. Or you even go for something like a b jQuery data table.
answered Dec 1 '18 at 12:19
Lothar MuellerLothar Mueller
2,05811122
Not quite sure what kind of display / layout you have in mind but I played around with that thought a bit. Just a few ideas, nothing that I really tried (don't have a server at hand right now):
Assuming that you wish to hide all column headers when all categories are fully collapsed one way you could go is to use some client side scripting setting an initial display:none styling for the data table's <thead> element; or if you can't reach thead for whatever reason you might as well address all column headers through their separate styleClass xspPanelViewColumnHeader.
Reacting to the the expand / collapse events might be a bit tricky;
Speaking of more control: all in all it might be a much better idea not to go for a view panel at all. You could instead use a <xp:dataTable> or even <xp:repeat> control which means more work but is giving you much more control over what you can achieve here. Or you even go for something like a b jQuery data table.
answered Dec 1 '18 at 12:19
Lothar MuellerLothar Mueller
2,05811122
answered Dec 1 '18 at 12:19
Lothar MuellerLothar Mueller
2,05811122
answered Dec 1 '18 at 12:19
Lothar MuellerLothar Mueller
2,05811122
answered Dec 1 '18 at 12:19
Lothar MuellerLothar Mueller
2,05811122
2,05811122
Thanks. I tried a client side script to check if some rows exist but I could not get it to work because of how the view panel is refreshed.
– Thomas Adrian
Dec 3 '18 at 17:00
add a comment |
Thanks. I tried a client side script to check if some rows exist but I could not get it to work because of how the view panel is refreshed.
– Thomas Adrian
Dec 3 '18 at 17:00
Thanks. I tried a client side script to check if some rows exist but I could not get it to work because of how the view panel is refreshed.
– Thomas Adrian
Dec 3 '18 at 17:00
Thanks. I tried a client side script to check if some rows exist but I could not get it to work because of how the view panel is refreshed.
– Thomas Adrian
Dec 3 '18 at 17:00
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53426816%2fhide-column-headers-in-an-xpages-viewpanel-only-when-view-is-collapsed%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
