Customizing TUniFrame

[elGringo]

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

[elGringo]

on the pic result of this code, it is border-corner of the panel, but frame still not effected

[GerhardV]

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.

 

 

[elGringo]

Thanks!

[GerhardV]

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";
}