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
















































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.





Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


Please pay close attention to the following guidance:


  • 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.




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

Use pre created SQLite database for Android project in kotlin

Darth Vader #20

Ondo