2012-05-23 4 views
0

@haehn 안녕하세요.진행 표시 줄 위치 지정

나는 XTK와 함께 GWT를 사용하고 있습니다. 그리고 GWT 앱에서 XTK를 사용하려면 "최소 높이 : 100 %"트릭을 사용하는 데 성공했습니다. 진행률 표시 줄이 검정 영역 바로 아래에 위치한다는 사실을 제외하고는 이제 모든 것이 작동합니다.

게시물 중 하나에서 위치 : 상대를 사용하여 검은 색 영역의 중앙에 나타나게하는 것에 대해 언급했습니다. 하지만 그 속임수는 제 경우에 도움이되지 못했습니다. 사실, 그 게시물에서 내가 당신의 설명을 적절히 따르는 지 잘 모르겠습니다. XTK 코드 기반을 한눈에 보면 어떤 blub도 밝혀지지 않았습니다.

약간의 도움이 필요하십니까?

감사

답변

0

진행률 표시 줄에 CSS를 정의하는 새로운 방법이 있습니다. CSS 클래스 xtk-progress-bar을 오버로드하십시오. 모든 스타일이 자동으로 진행률 막대에 적용됩니다.

+0

감사합니다. xtk-progress-bar 스타일이 예상대로 작동합니다. –

+0

자세한 내용은 github에서 # 94 번 xtk 문제를 확인하십시오. https://github.com/xtk/X/issues/94 –

0

이 힘든 하나입니다 - 당신은 CSS 스타일로 연주해야합니다. 문제를 파악하면 알려주세요.

+0

안녕하세요 (XTK) - Renderer 객체에서 ProgressBar 객체 Public을 고려하여 핸들을 가져 와서 화면 중앙에 다시 배치하십시오. 또는 진행 표시 줄의 CSS 스타일을 무시하는 기능. 지금은 progressbar 객체가 보호되어 있으며 스타일이 너무 겹치지 않습니다. 착각 한 경우 화면 중간에 진행 표시 줄의 위치를 ​​바꿀 수있는 방법을 제안하십시오. 고맙습니다. –

+0

안녕하세요. XTK. 이 문제에 대해 말씀해 주시겠습니까? 클라이언트 코드에서 어떻게 진행 표시 줄을 더 쉽게 만들 수 있는지에 대한 생각이 있습니까? 한 가지 제안은 프레임 워크에서 진행 상황에 대한 js 이벤트를 게시하고 "고급 사용자"가 진행 막대를 렌더링하도록하는 것입니다. 다른 사용자들에게는 xtk가 progressbar css를 더 무시할 수 있도록 만들어야합니다. 나의 유스 케이스에서는 (gt와 함께 xtk에서) progressbar는 내 바탕 화면에 나타납니다 :). 내 현재의 해결 방법은 onshow()가 호출 될 때까지 회전하는 ajax gif 이미지를 표시하는 것입니다. 이 접근법의 문제점은 사용자가 % 진행을 알지 못한다는 것입니다. 고맙습니다. –