elGringo Posted April 4, 2017 Share Posted April 4, 2017 Having TUniFrame created dynamically (TProductFrame) TUniPanel on TUniFrame trying to set border-radius - to both through CSS but no effect? Maybe other variant throught ExtJS? I need border-radius 5 px or box-shadow - tried both - no effect with border-radius was acting like this On ServerSide .border-radius{ border-radius: 10px } On Client Side function beforerender(sender, eOpts) { sender.addCls('border-radius'); } Quote Link to comment Share on other sites More sharing options...
elGringo Posted April 4, 2017 Author Share Posted April 4, 2017 on the pic result of this code, it is border-corner of the panel, but frame still not effected Quote Link to comment Share on other sites More sharing options...
GerhardV Posted April 4, 2017 Share Posted April 4, 2017 CustomCSS: .x-panel-shadow { box-shadow: 0 0px 10px 0 rgba(0,0,0,0.2); border-color: #D9D9D9 !important; } .x-panel-shadow-round { border-radius: 10px; } UniEvents: Beforeinit: function beforeInit(sender, config) { config.cls="x-panel-shadow x-panel-shadow-round"; } BorderStyle = ubsNone for the panel. Result attached. Quote Link to comment Share on other sites More sharing options...
elGringo Posted April 4, 2017 Author Share Posted April 4, 2017 Thanks! Quote Link to comment Share on other sites More sharing options...
GerhardV Posted April 4, 2017 Share Posted April 4, 2017 You can also do it like this. CustomCSS: .x-panel-round { padding: 3px; border-width: 3px !important; border-radius: 10px; } BorderStyle = ubsSolid for the panel. UniEvents: beforeinit function beforeInit(sender, config) { config.cls="x-panel-round"; } 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.