Sorry for double post.
I've fixed the second problem by changing the position of the dxTest (timepassed)
but now there is another problem. It became like layers. The bottom layer is the timepassed, the timeleftbg above it and then the timeleft guiLabel on the top. So the time left appears but not the timepassed.
addEventHandler('onClientResourceStart', g_ResRoot,
function()
g_Players = getElementsByType('player')
fadeCamera(false,0.0)
-- create GUI
local screenWidth, screenHeight = guiGetScreenSize()
g_dxGUI = {
ranknum = dxText:create('1', screenWidth - 60, screenHeight - 95, false, 'bankgothic', 2, 'right'),
ranksuffix = dxText:create('st', screenWidth - 40, screenHeight - 86, false, 'bankgothic', 1),
checkpoint = dxText:create('0/0', screenWidth - 15, screenHeight - 54, false, 'bankgothic', 0.8, 'right'),
timepassed = dxText:create('0:00:00', screenWidth - 620, screenHeight - 742, false, 'bankgothic', 0.45, 'center'),
mapdisplay = dxText:create('Map: none', 2, screenHeight - dxGetFontHeight(0.7, 'bankgothic')/2, false, 'bankgothic', 0.7, 'left')
}
g_dxGUI.ranknum:type('stroke', 2, 0, 0, 0, 255)
g_dxGUI.ranksuffix:type('stroke', 2, 0, 0, 0, 255)
g_dxGUI.checkpoint:type('stroke', 1, 0, 0, 0, 255)
g_dxGUI.timepassed:type('stroke', 1, 0, 0, 0, 255)
g_GUI = {
timeleftbg = guiCreateStaticImage(screenWidth/2-108/2, 15, 200, 50, 'img/timeleft.png', false, nil),
timeleft = guiCreateLabel(screenWidth/2-108/3, 20, 108, 30, '', false),
healthbar = FancyProgress.create(250, 1000, 'img/progress_health_bg.png', -65, 60, 123, 30, 'img/progress_health.png', 8, 8, 108, 15),
speedbar = FancyProgress.create(0, 1.5, 'img/progress_speed_bg.png', -65, 90, 123, 30, 'img/progress_speed.png', 8, 8, 108, 15),
}
guiSetFont(g_GUI.timeleft, 'bankgothic')
guiLabelSetHorizontalAlign(g_GUI.timeleft, 'center')
g_GUI.speedbar:setProgress(0)
hideGUIComponents('timeleftbg', 'timeleft', 'healthbar', 'speedbar', 'ranknum', 'ranksuffix', 'checkpoint', 'timepassed')
RankingBoard.precreateLabels(10)
