jqgrid js with bootstrap4, octicons. subgrid icon location











up vote
-1
down vote

favorite












I'm using jqgrid js v5.3.2 with BS4, iconset set to octicons. See below image , should the subgrid icon/arrow be in the middle of the cell vertically? also, the expanded icon(the cell below) doesn't look as good as jqgrid BS3's, can we change this too?










share|improve this question






















  • idownvotedbecau.se/nocode
    – antfuentes87
    Nov 11 at 0:42










  • @antfuentes87 please be careful when downvoting unless you're sure about the nature of the question.
    – Sean Ad
    Nov 11 at 0:47










  • Huh? I down voted because you shared no code? And for anyone to even attempt to fix this (unless they know the answer already) is going to want code?
    – antfuentes87
    Nov 11 at 0:48















up vote
-1
down vote

favorite












I'm using jqgrid js v5.3.2 with BS4, iconset set to octicons. See below image , should the subgrid icon/arrow be in the middle of the cell vertically? also, the expanded icon(the cell below) doesn't look as good as jqgrid BS3's, can we change this too?










share|improve this question






















  • idownvotedbecau.se/nocode
    – antfuentes87
    Nov 11 at 0:42










  • @antfuentes87 please be careful when downvoting unless you're sure about the nature of the question.
    – Sean Ad
    Nov 11 at 0:47










  • Huh? I down voted because you shared no code? And for anyone to even attempt to fix this (unless they know the answer already) is going to want code?
    – antfuentes87
    Nov 11 at 0:48













up vote
-1
down vote

favorite









up vote
-1
down vote

favorite











I'm using jqgrid js v5.3.2 with BS4, iconset set to octicons. See below image , should the subgrid icon/arrow be in the middle of the cell vertically? also, the expanded icon(the cell below) doesn't look as good as jqgrid BS3's, can we change this too?










share|improve this question













I'm using jqgrid js v5.3.2 with BS4, iconset set to octicons. See below image , should the subgrid icon/arrow be in the middle of the cell vertically? also, the expanded icon(the cell below) doesn't look as good as jqgrid BS3's, can we change this too?







jqgrid






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 11 at 0:20









Sean Ad

125




125












  • idownvotedbecau.se/nocode
    – antfuentes87
    Nov 11 at 0:42










  • @antfuentes87 please be careful when downvoting unless you're sure about the nature of the question.
    – Sean Ad
    Nov 11 at 0:47










  • Huh? I down voted because you shared no code? And for anyone to even attempt to fix this (unless they know the answer already) is going to want code?
    – antfuentes87
    Nov 11 at 0:48


















  • idownvotedbecau.se/nocode
    – antfuentes87
    Nov 11 at 0:42










  • @antfuentes87 please be careful when downvoting unless you're sure about the nature of the question.
    – Sean Ad
    Nov 11 at 0:47










  • Huh? I down voted because you shared no code? And for anyone to even attempt to fix this (unless they know the answer already) is going to want code?
    – antfuentes87
    Nov 11 at 0:48
















idownvotedbecau.se/nocode
– antfuentes87
Nov 11 at 0:42




idownvotedbecau.se/nocode
– antfuentes87
Nov 11 at 0:42












@antfuentes87 please be careful when downvoting unless you're sure about the nature of the question.
– Sean Ad
Nov 11 at 0:47




@antfuentes87 please be careful when downvoting unless you're sure about the nature of the question.
– Sean Ad
Nov 11 at 0:47












Huh? I down voted because you shared no code? And for anyone to even attempt to fix this (unless they know the answer already) is going to want code?
– antfuentes87
Nov 11 at 0:48




Huh? I down voted because you shared no code? And for anyone to even attempt to fix this (unless they know the answer already) is going to want code?
– antfuentes87
Nov 11 at 0:48












1 Answer
1






active

oldest

votes

















up vote
0
down vote













BS4 vertically align content of td at top, I added



.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed {
vertical-align: middle !important;


}



in mysite.css. For icon-open of subgrid, I'd expect a font awesome version of jqgrid.






share|improve this answer





















  • Not sure that I understand the question(problem) - Guriddo jqGrid support font Awesome, but as per your question you use octicons?!?
    – Tony Tomov
    Nov 12 at 11:31










  • @TonyTomov I was referring an example you provided here link. After I set $.jgrid.defaults.iconSet = "fontAwesome", no icon is showing on subgrid icon cell. I know my font awesome setup works (for the project) and octicon works, is there a directory/path or FA version requirement for jqgrid using FA, or there is an example? Thx
    – Sean Ad
    Nov 12 at 21:57










  • Yes, the OP is for Octicons. but if FA works(it didn't for me on jqgrid), I'd like to switch to FA.
    – Sean Ad
    Nov 12 at 23:18










  • Yes, FA v5+ works. Thanks.
    – Sean Ad
    Nov 13 at 4:50











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',
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
});


}
});














 

draft saved


draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53244714%2fjqgrid-js-with-bootstrap4-octicons-subgrid-icon-location%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








up vote
0
down vote













BS4 vertically align content of td at top, I added



.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed {
vertical-align: middle !important;


}



in mysite.css. For icon-open of subgrid, I'd expect a font awesome version of jqgrid.






share|improve this answer





















  • Not sure that I understand the question(problem) - Guriddo jqGrid support font Awesome, but as per your question you use octicons?!?
    – Tony Tomov
    Nov 12 at 11:31










  • @TonyTomov I was referring an example you provided here link. After I set $.jgrid.defaults.iconSet = "fontAwesome", no icon is showing on subgrid icon cell. I know my font awesome setup works (for the project) and octicon works, is there a directory/path or FA version requirement for jqgrid using FA, or there is an example? Thx
    – Sean Ad
    Nov 12 at 21:57










  • Yes, the OP is for Octicons. but if FA works(it didn't for me on jqgrid), I'd like to switch to FA.
    – Sean Ad
    Nov 12 at 23:18










  • Yes, FA v5+ works. Thanks.
    – Sean Ad
    Nov 13 at 4:50















up vote
0
down vote













BS4 vertically align content of td at top, I added



.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed {
vertical-align: middle !important;


}



in mysite.css. For icon-open of subgrid, I'd expect a font awesome version of jqgrid.






share|improve this answer





















  • Not sure that I understand the question(problem) - Guriddo jqGrid support font Awesome, but as per your question you use octicons?!?
    – Tony Tomov
    Nov 12 at 11:31










  • @TonyTomov I was referring an example you provided here link. After I set $.jgrid.defaults.iconSet = "fontAwesome", no icon is showing on subgrid icon cell. I know my font awesome setup works (for the project) and octicon works, is there a directory/path or FA version requirement for jqgrid using FA, or there is an example? Thx
    – Sean Ad
    Nov 12 at 21:57










  • Yes, the OP is for Octicons. but if FA works(it didn't for me on jqgrid), I'd like to switch to FA.
    – Sean Ad
    Nov 12 at 23:18










  • Yes, FA v5+ works. Thanks.
    – Sean Ad
    Nov 13 at 4:50













up vote
0
down vote










up vote
0
down vote









BS4 vertically align content of td at top, I added



.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed {
vertical-align: middle !important;


}



in mysite.css. For icon-open of subgrid, I'd expect a font awesome version of jqgrid.






share|improve this answer












BS4 vertically align content of td at top, I added



.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed {
vertical-align: middle !important;


}



in mysite.css. For icon-open of subgrid, I'd expect a font awesome version of jqgrid.







share|improve this answer












share|improve this answer



share|improve this answer










answered Nov 12 at 1:33









Sean Ad

125




125












  • Not sure that I understand the question(problem) - Guriddo jqGrid support font Awesome, but as per your question you use octicons?!?
    – Tony Tomov
    Nov 12 at 11:31










  • @TonyTomov I was referring an example you provided here link. After I set $.jgrid.defaults.iconSet = "fontAwesome", no icon is showing on subgrid icon cell. I know my font awesome setup works (for the project) and octicon works, is there a directory/path or FA version requirement for jqgrid using FA, or there is an example? Thx
    – Sean Ad
    Nov 12 at 21:57










  • Yes, the OP is for Octicons. but if FA works(it didn't for me on jqgrid), I'd like to switch to FA.
    – Sean Ad
    Nov 12 at 23:18










  • Yes, FA v5+ works. Thanks.
    – Sean Ad
    Nov 13 at 4:50


















  • Not sure that I understand the question(problem) - Guriddo jqGrid support font Awesome, but as per your question you use octicons?!?
    – Tony Tomov
    Nov 12 at 11:31










  • @TonyTomov I was referring an example you provided here link. After I set $.jgrid.defaults.iconSet = "fontAwesome", no icon is showing on subgrid icon cell. I know my font awesome setup works (for the project) and octicon works, is there a directory/path or FA version requirement for jqgrid using FA, or there is an example? Thx
    – Sean Ad
    Nov 12 at 21:57










  • Yes, the OP is for Octicons. but if FA works(it didn't for me on jqgrid), I'd like to switch to FA.
    – Sean Ad
    Nov 12 at 23:18










  • Yes, FA v5+ works. Thanks.
    – Sean Ad
    Nov 13 at 4:50
















Not sure that I understand the question(problem) - Guriddo jqGrid support font Awesome, but as per your question you use octicons?!?
– Tony Tomov
Nov 12 at 11:31




Not sure that I understand the question(problem) - Guriddo jqGrid support font Awesome, but as per your question you use octicons?!?
– Tony Tomov
Nov 12 at 11:31












@TonyTomov I was referring an example you provided here link. After I set $.jgrid.defaults.iconSet = "fontAwesome", no icon is showing on subgrid icon cell. I know my font awesome setup works (for the project) and octicon works, is there a directory/path or FA version requirement for jqgrid using FA, or there is an example? Thx
– Sean Ad
Nov 12 at 21:57




@TonyTomov I was referring an example you provided here link. After I set $.jgrid.defaults.iconSet = "fontAwesome", no icon is showing on subgrid icon cell. I know my font awesome setup works (for the project) and octicon works, is there a directory/path or FA version requirement for jqgrid using FA, or there is an example? Thx
– Sean Ad
Nov 12 at 21:57












Yes, the OP is for Octicons. but if FA works(it didn't for me on jqgrid), I'd like to switch to FA.
– Sean Ad
Nov 12 at 23:18




Yes, the OP is for Octicons. but if FA works(it didn't for me on jqgrid), I'd like to switch to FA.
– Sean Ad
Nov 12 at 23:18












Yes, FA v5+ works. Thanks.
– Sean Ad
Nov 13 at 4:50




Yes, FA v5+ works. Thanks.
– Sean Ad
Nov 13 at 4:50


















 

draft saved


draft discarded



















































 


draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53244714%2fjqgrid-js-with-bootstrap4-octicons-subgrid-icon-location%23new-answer', 'question_page');
}
);

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







Popular posts from this blog

Florida Star v. B. J. F.

Danny Elfman

Lugert, Oklahoma