Search the Community
Showing results for tags 'center'.
-
Hello, I'm creating a screen using UniFrame, in it I put a scrollBox to create a scrollbar due to the size of the screen and inside the scroll I have a unicontainerpanel with my components, this unicontainerpanel needs to be centered on the screen, so with the command below in create from UniFrame I can center, but uniFrame doesn't have the onResize or onScreenResize event as there is in uniForm, so how can I center my unicontainerpanel in a uniFrame when the user changes the screen size? code used in OnCreate unicontainerpanel.Top := 0; unicontainerpanel.Left := Round((Screen.Width / 2) - (unicontainerpanel.Width / 2));
-
Good night, at login I put a panel with the fields, I need this panel to be centralized, but I am not getting it, I tried this way. procedure TfrmLogin.UniLoginFormScreenResize(Sender: TObject; AWidth, AHeight: Integer); begin pnLogin.top := (Self.Height div 2) - (pnLogin.height div 2); pnLogin.left := (Self.Width div 2) - (pnLogin.width div 2); end;
-
UniImage1.AutoSize:= True; // DOES NOT WORK UniImage1.Url:='images/myimage.png'; // LOADS // Work Around below corrects size but need image to be centered UniImage1.JSInterface.JSCode('Ext.defer(function(){var el='#1'.el.select("img").elements[0]; '+ 'el.style.maxWidth = "100%"; '+ 'el.style.height="100%"; }, 20);'); After work around above, UniImage1.Center:= True; now works.
-
-
Dear colleagues, I placed label on panel and on frame resize i'm sending ajaxevent to panel and server calculates label font size based on panel width and height. if EventName='updatePNRouteSize' then begin a:=Params.Text; w:=StrToIntDef(Params.Values['w'],100); h:=StrToIntDef(Params.Values['h'],100); lblRouteName.Font.Size:=CalcElementFontSize(lblRouteName.Caption,w,h div 4); //OK end; After that i'm trying to place label at the top on the panel. function resize(sender, width, height, oldWidth, oldHeight, eOpts) { console.log('resize lbl'); console.log(frmTest.pnRoute.getWidth()); //panel width (480) console.log((frmTest.pnRoute.getWidth()/2)); //half of panel width (240) console.log(frmTest.lblRouteName.getWidth()); //label width (130) console.log((frmTest.lblRouteName.getWidth()/2)); //half of label width (65) console.log((frmTest.pnRoute.getWidth()/2)-(frmTest.lblRouteName.getWidth()/2)); //label new X coord (175) frmTest.lblRouteName.setX((frmTest.pnRoute.getWidth()/2)- (frmTest.lblRouteName.getWidth()/2)); } In browser i saw strange things: 1. In console it shows that calculations are correct 2. But after frame show the label is placed not in panel center. 3. If i press F12 in browser then the label is placed as it was programmed. After console close the label position doesnt change and shows as needed. Could you please show me my errors? What i'm missing? Thank You. P.S. Of course i can replace label with panel and get the result but because i want to learn more in Unigui and Sencha so i'm trying so.
-
Merhaba unidbgrid deki çektiğim dataların ortalı çıkmasını istiyorum soldan sağa yapılabiliyor ama yukarıdan aşağıya nasıl yaparım?