Harry Rogers Posted August 10, 2015 Share Posted August 10, 2015 It may not be very popular with the current design trends but I would like to get some more definition for the window borders. Neptune theme for example may look quite 'modern' but if you have a couple of windows overlapping the borders all merge. A simple 1 or 2 pixel black line around the external edge of a window border could be useful. Can this be done with some custom CSS or is it essentially a new theme that needs creating ? Thanks Link to comment Share on other sites More sharing options...
ferna Posted August 10, 2015 Share Posted August 10, 2015 UniSession.AddJS('Ext.util.CSS.createStyleSheet(".x-window-default{ border-width:2px };")'); Link to comment Share on other sites More sharing options...
Harry Rogers Posted August 10, 2015 Author Share Posted August 10, 2015 Thanks for the reply Ferna. Your suggestion does indeed allow the width of the border to be changed and also the colour UniSession.AddJS('Ext.util.CSS.createStyleSheet(".x-window-default{ border-color:black };")'); What I was really after is to get an additional line to mark the edge of the window. e.g. the Neptune 6px width all blue border to be instead composed of 1px black and 5 of the blue. The effect I want is a thin box around the window in a different colour to the border. Cheers Link to comment Share on other sites More sharing options...
ferna Posted August 10, 2015 Share Posted August 10, 2015 UniSession.AddJS('Ext.util.CSS.createStyleSheet(" .x-window-default{ box-shadow:0 0 0 5px #3892D3,0 0 0 6px black; }; ")'); Link to comment Share on other sites More sharing options...
Harry Rogers Posted August 11, 2015 Author Share Posted August 11, 2015 Ferna - that's pretty much perfect ! Thank you very much All the best Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now