juijs / jui-ui Goto Github PK
View Code? Open in Web Editor NEWJUI provide all kinds of UI components that are used in web pages. However, charts and grids are not included.
Home Page: http://uiplay.jui.io
JUI provide all kinds of UI components that are used in web pages. However, charts and grids are not included.
Home Page: http://uiplay.jui.io
BorderLayout 으로 동작하는 layout 라이브리를 추가해주세요.
Desktop UI 구현할 때 필요 할 것 같아요.
svg타입의 아이콘 개발.
http://tympanus.net/Development/IconHoverEffects/#set-1
이거 괜찮네..
추가로 unselect도 필요할 듯?
implements color and title attribute in grid.
기존에는 page 이벤트가 발생하는데...
reload 이벤트가 발생하도록 수정해야겠음...
심플한 스위치 한번 만들어봅시다.
http://dev.axisj.com/samples/AXInput/Switch.html
updateTree 메소드 추가 (테이블 컴포넌트 참조)
해당 문제가 발생하는 현상은 아래와 같은 경우...
아래는 이와 같은 문제를 해결할 수 있는 스타일
.xtable table {
table-layout: fixed;
border-spacing: 0;
border-collapse: inherit;
}
.xtable th {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xtable td {
word-break: break-all;
}
차트에서 데이터 포인트에 마우스를 hover했을경우의 효과 개선안
데이터 포인트의 border컬러와 bg컬러를 반전시킨다.
데이터 포인트의 사이즈는 기존과 동일하되, hover했을경우 border사이즈만 기존의 값 1에서 2로 변경한다.
가로 스크롤이 필요하다는 의견을 받음
검토해보니 사용할 일이 많을 것 같음
display: table-cell 형태로 모두 변경
message box의 기본 shadow style과 , [black type], [white type]의 border값을 삭제합니다. 스타일은 아래와 같습니다.
.msgbox
-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);(수정)
-border:1px solid #cacaca (삭제)
.msgbox-white
border: 1px solid #cacaca(삭제)
.msgbox-black
border:1px solid #5a5a5a (삭제)
다른 스타일의 테이블에도 적용되게 수정
dfefefef
추가해주세용!
특정 스타일에 따라 제대로 적용되지 않는 문제를 필히 개선해야 함.
관련 메뉴얼 추가 (유틸, svgToBase64도 추가)
scroll과 scrollHeight 옵션 통합
아마도 ".btn.toggle"로 변경해야할 듯...
관련해서 "button.less"도 수정해야 함.
window 스타일 수정 요청합니다.
.jui .window
현재는 발생하지 않음
송 주헌님 이슈
커스텀 이벤트는 사용자가 제어할 수 없는 상황에서 발생되는 이벤트이다.
리스트 스타일 추가해봐요.
이거 많이 쓰일듯 싶네요.
test
100만건의 데이터를 추가하는 데모이며등에서 보여즈는 animation이 ie에서 동작하지 않습니다.
현재 클릭시 제공하는 커스텀 이벤트가 없음...
관련해서 개선해야 함...
Table은 있는데, XTable은 없음.. 관련해서 수정 필요
changeTheme
resize
그 외 메소드 고려하기
안녕하세요, JUI 프로젝트를 관심있게 들여다 보고 있는 개발자 입니다.
먼저, 아래 페이지가 보여지지 않아서 이슈로 등록 합니다.
http://seogi1004.github.io/jui/doc_en/index.html#script/treetable
기본적으로 svg는 색상을 3가지로 채울 수 있는데
일반적인 컬러 (red, blue, #FFFFFF 등의 rgb 코드)
gradient
pattern
그 중에 color 와 같은 방식으로 gradient 의 형식을 지정하였습니다.
linear(left) red,blue 하게 되면
자동으로 linearGradient 가 생성되며 왼쪽에서 오른쪽 방향으로
2개의 stop 컬러(red, blue) 생성이 된다.
모든 차트에 사용되는 색상 코드는 저런식으로 자동으로 컨버팅 된다.
즉 gradient 를 쓰기 위해서 태그를 따로 생성할 필요 없이 필요한 문자열 코드만 적어주면 된다.
Target이 display: none이 아닐 경우...
Clone 형태로 보여지는 부분에 대한 개선이 필요함...
(예: clone 옵션 추가 ?)
마지막 노드에서 위로 올라갈 때, 두 번 클릭해야하는 버그
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.