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 Quote 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 };")'); Quote 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 Quote 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; }; ")'); Quote 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 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.