LayoutFarm / HtmlRenderer

C# HTML Layout and HTML Rendering Engine
http://layoutfarm.github.io/HtmlRenderer/
Other
185 stars 40 forks source link

Developing Html Input #18

Open prepare opened 5 years ago

prepare commented 5 years ago

Html input elements are built with 'html-fragment (sub dom)'

html_input_test1

pic1 : developing Html-input, click to view full size img

prepare commented 5 years ago

html_input_with_wireframe

pic 2: from pic 1, shows wire-frame and update regions, click to view full size img

prepare commented 5 years ago

2018-08-20_10-57-25

pic 3: Acid1-page ( 00.html ) shows html input type=option and html drag selection

prepare commented 5 years ago

css_scrollview_sel1

pic 4: css+ scrollview, show selection

prepare commented 5 years ago

css_scrollview_sel2

pic 5: from pic4, + wire-frames and update regions

prepare commented 5 years ago

two_html_docs

pic 6: 2 Html Docs on the same RenderSurface

prepare commented 5 years ago

menu_item

pic 7: menu items

prepare commented 5 years ago

How to disable wire-frames?

=> find (ctrl+f) with keyword "dbugDrawWireFrame" and set it to false.

:)

prepare commented 5 years ago

treeview

pic 8: tree view

prepare commented 5 years ago

2018-09-02_12-59-45

pic 9: input type='password', please note the 'placeholder' on each textbox