Search the Community

Hello, using licensed UniGUI 1.95.0 build 1583 here, I would like to completely hide the title header panel of a collapsible TUniPanel used with LayoutConfig.Split = true, arranged in a border panel on "west" region. Infact, I would like to manipulate the collapsing of the panel with another button, instead of the default one provided by the title panel. I see property TitleVisible has not effect on that. Offcourse, when the panel is collapsed, the title bar to un-collapse it, should be visible as usual. How to? Thx Luca

I am using latest version. This may be a know issue, I used the CustomCSS to change the TITLE HEIGHT. You can see near the top, i have x.-toolbar .-title and changed the size to 36pt. But yet when i run inside chrome on my laptop with the /M it shows with the nice LARGER font. BUT when I run it inside chrome on my cellphone, it remains SMALL font. You can see this from my 2 screenshots. .x-checkboxfield .x-input-el { opacity: 10; } .x-toolbar .x-title { font-weight: bold; font-size: 36pt;} .customGlyph32 .x-icon-el { width: 32px !important; height: 32px !important; } .customGlyph24 .x-icon-el { width: 24px !important; height: 24px !important; } .CustomAlignMobile .x-inner-el { line-height: normal; padding-top: 0 !important; } .x-mask-msg div{ font-family: Ubuntu, Arial, sans-serif; font-size: 24px; } .MyTitle .x-panel-header-default-horizontal { height: 11px; padding: 0px 10px 0px 10px; } .x-grid-row-selected .x-grid-cell-inner { font-weight: bold; color: rgb(255,0,0); background-color:green; } .myStyle1 { background-color: rgb(0,255,255) !important; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px; color: rgb(0,0,255); border: 1px solid #1a26d4; } .DBG1 .x-grid-row-selected .x-grid-cell-inner { background-color:green!important; } .DBG2 .x-grid-item-selected .x-grid-cell { font-weight: bold!important; background-color:blue!important; } .x-grid-row-selected2 .x-grid-cell-inner { font-weight: bold!important; background-color:green!important; } .addGreenPanel .x-panel-body-default { background: rgb(0,128,0); } .addLightGreenPanel .x-panel-body-default { background: rgb(161, 239, 161); } .addRedPanel .x-panel-body-default { background: rgb(240,96,96); } .addLightRedPanel .x-panel-body-default { background: rgb(240,180,180); } .addYellowishDarkerBG .x-form-text{ background-color: rgb(208,208,128)!important; background-image: none; } .addYellowishDarkerBG_2{ background-color: rgb(208,208,128)!important; background-image: none; } .addYellowishBG .x-form-text { background-color: rgb(252,252,176)!important; background-image: none; } .addYellowishBG_2{ background-color: rgb(252,252,176)!important; background-image: none; } .addYellowBG .x-form-text{ background-color: yellow!important; background-image: none; } .addYellowBG_2{ background-color: yellow!important; background-image: none; } .addRedBG .x-form-text { background-color: rgb(255,200,200)!important; background-image: none; } .addRedBG_2{ background-color: rgb(255,200,200)!important; background-image: none; } .addFFFFFFBG{ background-color: rgb(255,255,255)!important; background-image: none; } .addE8E8E8BG{ background-color: rgb(232,232,232)!important; background-image: none; } .add000000Font{ color: rgb(0,0,0)!important; background-image: none; } .addBlackForceFont{ color: rgb(0,0,0)!important; background-image: none; } .addGrayForceFont{ color: rgb(0,0,0)!important; background-image: none; } .add606060Font{ color: rgb(96,96,96)!important; background-image: none; } .addBlackFont{ color: rgb(0,0,0)!important; background-image: none; } .MyStyleW .x-form-text{ color:red!important; height:8px; font-size: 24px; background-color:yellow!important; background-image:none; } .QQQQQQQMyStyleW{ color:red!important; height:8px; font-size: 24px; background-color:yellow!important; background-image:none; } I find it odd that the desktop chrome displayed the title nice and big, while the mobile chrome displayed the title tiny. Davie Screenshot_Chrome_Mobile.bmp Screenshot_Chrome_Desktop.bmp

Как правильно выровнять заголовок мобильной формы ближе к правому краю? Дело в том, что в заголовок помещаю вторую кнопку, и текст заголовка "наезжает" на кнопку. Я так понимаю, что это можно сделать с помощью CSS. Но я боюсь, если укажу параметры для "x-component x-title x-floating", то это зацепит еще какие-нибудь другие компоненты, а мне нужно только заголовок. Вообще, было бы замечательно, если бы текст заголовка формы автоматически смещался бы вправо при добавлении 2ой или 3ей кнопки. Спасибо.

I have set a UniPanel.Title text and would like to show a hint when someone mouses over the title. How can I enable a hint to be visible?

As you may have noticed it is not possible to change your page's FavIcon (ServerModule.FavIcon) at runtime without a page reload. This example changes the FavIcon and is great for notification as it occurs on sites like Twitter, FaceBook, etc ... JS has been improved and now avoids caching problems on change and supports use of PNG on the fly. And as a bonus, how to change the page title. Have a good time Visit http://www.unigui.com.br for project packs, exclusive material, demos, examples, books, and our full-fledged RDP course. Several other examples also available for free from our official website. ----------------------------------------------------------------------------------------- Como você pode ter percebido não é possivel mudar o FavIcon de sua página (ServerModule.FavIcon) em tempo de execução sem um reload da página. Este exemplo mudar o FavIcon e é ótimo para notificação como ocorre em sites como Twitter, FaceBook, etc... O JS foi melhorado e agora evita problemas de cache na mudança e suporta uso d PNG na hora. E como bonus, como mudar o titulo da página. Divirta-se Project available at unigui.express

Hi We would like to integrate general help system (for example) in our application. It will be nice if help button can be placed in the right side of form captions(title) (near to standard close button) ; So, my question is what is the right way to add custom buttons in the form captions Thnaks Kamen

Hi guys, When trying to change the height of the title in the panel using event "render" of panel function render(sender, eOpts) { var header = sender.header; header.setHeight(5); } A space the size of the removed height of the title is added to the bottom of the panel The title of the text also does not appear. But I can solve manipulating the CSS class .x-panel-header-text-container-default But the question of spacing can not solve. How to solve this problem? TitlePanel.rar

Hi all, I wonder if it's possible to specify the TITLE for an image cell in a DBGrid. It would be useful to show the hint/tooltip for the image/icon. The righe place should be OnDrtawColumnCell, but there as far as I can see there is only the possibility to specify the font, the color and the style. Something like that: <div unselectable="on" class="x-grid-cell-inner " title="my title"> <img src="/cache/medreferti_exe/res/__D5E09C51619AD97C38D717BA.png" width="24" height="24"> </div> thanks Andrea