Search the Community

I find the solution in the servermodule unit to open customCSS properties, paste the following into it: .x-window-footer { position: relative; top: 0; right: 0; } .x-tab-strip SPAN.x-tab-strip-text { font-size: 13px; } .x-panel-header { font-size: 13px; } .x-tree-node { font-size: 13px; } .x-grid3-hd-row TD { font-size: 13px; } .x-grid3-row TD { font-size: 13px; LINE-HEIGHT: 18px; } .x-tip .x-tip-bd { font-size: 13px; } .x-tip h3{ font-size: 13px; } .x-tip .x-tip-bd-inner{ font-size:13px; } .x-panel-tl .x-panel-header { FONT: normal 13px tahoma,arial,verdana,sans-serif; } .x-form-field { FONT: 13px tahoma,arial,helvetica,sans-serif } .x-small-editor .x-form-field { FONT: 13px tahoma,arial,helvetica,sans-serif } .x-combo-list-item { FONT: 13px tahoma,arial,helvetica,sans-serif; } .x-btn button,x-toolbar .x-item { FONT: 13px tahoma,arial,sans-serif; } .x-menu-list-item { FONT: 13px tahoma,arial,sans-serif; } .x-window-tl .x-window-header { FONT: bold 13px tahoma,arial,verdana,sans-serif; } .x-layout-split-west .x-layout-mini { BACKGROUND-IMAGE: url(../images/mini-left.jpg); } .x-form-text { margin-top:1px; } /* the textField missing bottom line */ .x-form-item { FONT: 13px tahoma,arial,helvetica,sans-serif } .x-grid-group-hd DIV { FONT: bold 13px tahoma,arial,helvetica,sans-serif; } /*按钮字体大小 Add by extjs.org.cn */ .x-btn-text{ font: 12px tahoma,arial,sans-serif; } /* END */

sorry, more encontri only thing that was setting a theme CurrentTheme: = 'blue'; I found nothing feeding the property CustomCSS

OK. Let me split this in two questions then: 1) ExtJS 4 is generating HTML5. UniGui will be updated to ExtJS 4 before it is released, right? (Please confirm!). If this is indeed the case, how can one implement the DnD from the OS to the web browser, given that we have a UniGui generated page there. Is it possible? yes or no? If yes, how? 2) In general, you have a customCSS property somewhere... why not add a customJS property too, where you could hook in your own JS. Or is there any simpler way to "inject" a script tag referencing some .js file?

Put this into servermodule customcss .button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } /* white */ .white { color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } .white:hover { background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } .white:active { color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); use UniLabel.Caption = <a href="#" class="button white" target=_blank>...</a>

Put this in servermodule.customCss textarea { overflow:auto; } But it only works for IE.

Разобрался, через CustomCss, кнопка появилась, спасибо за помощь.

Hi Farshad I'm trying to add some jquery-mobile stuff to my Unigui app with a TUniHTmlFrame but the styling doesn't seem to be working. I have added http://code.jquery.com/jquery-1.4.3.min.js http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js to customfiles and http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css to customCSS, but my jquery controls are not showing in the TuniHtmLFrame. the head section looks like this : <html> <head> <title>Iris FlexiForms</title> <meta http-equiv="content-type" content="charset=utf-8" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="pragma" content="no-cache" /> <link rel=stylesheet href="ext-3.4.0/resources/css/uni-ext.css" /> <link rel=stylesheet href="ext-3.4.0/resources/css/ext-all.css" /> <script src="ext-3.4.0/adapter/ext/ext-base.js"></script> <script src="ext-3.4.0/ext-sync-1.3.8-min.js"></script> <script src="ext-3.4.0/ext-all.js"></script> <script src="ext-3.4.0/examples/ux/ux-all.js"></script> <link rel=stylesheet href="ext-3.4.0/resources/css/xtheme-gray.css" /> <link rel=stylesheet href="ext-3.4.0/examples/ux/css/ux-all.css" /> <link rel=stylesheet href="ext-3.4.0/resources/css/uni-xtheme-gray.css" /> <link rel=stylesheet href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script> <script src="ext-3.4.0/codemirror-0.8/js/codemirror.js"></script> <link rel=stylesheet href="ext-3.4.0/codemirror-0.8/css/csscolors.css" /> <script src="ext-3.4.0/codemirror-0.8/js/Ext.ux.CodeMirror.js"></script> <script src="ext-3.4.0/ext-unigui-1.3.8-min.js"></script> <style type="text/css">http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css</style> </head> Any ideas ?

customCSS is for CSS code only. Try adding below to custom files http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css

Mr. Farshad Mohajeri At least may be, about the new properties,functions,procedures etc. for example; TUniForm.Script ClientEvents(ExtEvents,UniEvents) TuniServerModule.(CustomCSS,CustomFiles,CustomMeta) TuniServerModule.ServerMessages(ExceptionTemplate,InvalidSessionMessage and Template,TerminateMessage and template) etc. Sometimes demos may not be enough for understand. if we can know more things about your product, maybe our contribution to the forum. Thanks, best regards.

Add this to ServerModule.CustomCss <style type="text/css"> .ext-color-4 { color:#444; } .ext-color-5 { color:#555; } </style>

Hello !!! I have an app with property "MainFormDisplayMode" set to mfPage, and I want to change background color to SkyBlue. So in the server module I add this in CustomCSS: <style type="text/css"> body { background-color:#87cefa; } </style> but it does not work.

Hi, Add this code in ServerModule CustomCSS Property: <style> .x-grid3-row-selected, .x-grid3-cell-selected { background-color: #F2F1B3 !important; background-image: none; border-color:#222222; } </style> Beset Regards

Build 889 uploaded. 0.86.0.889 +---------------------------------------------------------------------------------------- - 0001100: Form Icon is Visible when biSystemMenu is not set - 0001059: Call CallBack for all dialog types - 0001113: For touch enabled devices touch events replace mouse events. - 0001108: VCL: TabStop problem when control parant is TUniTabSheet. - 0001106: Critical bug when adding cutsom files - 0001107: UniGUISession.AddCustomFile property - 0001105: TUniDBGrid.Refresh method implemented (Workaround for issue 0000882) - 0001097: Google Maps sample - 0001020: Custom meta tags. - 0001104: UniGUIServerModule.CustomCSS property - 0001093: Proper handling of "//" in JS code - 0001095: UniRadioButton: Change Caption at runtime - 0001089: DateTime conversion issues when system date format is M/d/yyyy - 0001088: UniCalendarPanel: Date change doesn't reflect hidden views - 0000965: Error when OS date fomatUniDateTimePicker.DateFormat - 0001086: UniDBGrid: Column count is zero immediately after DataSet.Open - 0001085: UniDBGrid: Auto column creation logic improved - 0001084: TUniSpeedButton Click bug - 0001082: TUniForm: Property MonitorScreenResize added - 0001078: DblClick event for additional controls implemented - 0000538: UniDBGrid: Resized columns are reset when grid is refreshed. - 0001076: Option to remove UniDBGrid thin column on the left (dgIndicator) - 0001064: UniDBGrid: Change UniColumn.Title.Caption after Columns are created - 0001077: UniDBGrid: Change Column.Width at runtime. - 0000591: Cursor property for web - 0000966: TUniImage: OnMouseOver event - 0001062: Destroying UniControl doesn not destroy child UniFrames - 0001065: TUniDBDateTimePicker: Bug when Dataset is closed. - 0001068: TUniChart moved to a separate package - 0001071: Calling server side event handlers from client side ajax request - 0001070: Integration of Ext JS events in TUniControl and TUniComponent - 0001069: Advanced IDE support for client side event scripting - 0001072: Delete Form/Frame JS objects after destroy - 0001074: Extended Mouse and Click events for all Controls - 0001073: UniCalendarPanel: OnDayClick in DayView bug - Four new demos: ClientEvents-1, ClientEvents-2, ClientEvents-3, ClientEvents-4 - New Demo GoogleMaps

Hi, Add your CSS in ServerModule->CustomCSS property ! Best Regards