Comments (12)
Thanks! The sizing behavior appears to be what I needed. I'll take a closer look at it when I get back from vacation.
Is there a way to change the borders to straight corners?
from ftxui.
That sounds like a good idea.
Note that you can use a vbox
of hbox
:
vbox({
hbox({ a11, a12, a13}),
hbox({ a21, a22, a23}),
hbox({ a31, a32, a33}),
})
However, a gridbox would ensure a shared width/height for every elements in the same column/line.
I will take a look. This sounds useful.
from ftxui.
This repository shows where I used vboxes of hboxes, but it doesn't work well.
from ftxui.
I tried your example.
It doesn't look bad. What the problem?
simplescreenrecorder-2021-07-01_14.57.56.mp4
from ftxui.
Fixed by:
#190
Does this fit your needs?
from ftxui.
Waiting for straight corners too
from ftxui.
I would like to add some class to build some fancy tables with different style for the grid and the element. That will come at some point.
About rounded/straight border. I switched to rounded recently, because developers like it a lot better. However, I would have like make it configurable to fit every one wishes.
Would you have some API suggestions?
Something global?
Two functions, border
being straight.
Element border(Element) // Straight
Element roundedBorder(Element)
Two functions, border
being rounded.
Element border(Element) // Rounded
Element straightBorder(Element)
Some options:
Element border(Element, bool rounded = true);
from ftxui.
@ArthurSonzogni , what do you think about one more "double lined" border ( inspired by mc ) style ?
By the way the first option ( different names ) is really suits me .
from ftxui.
@ArthurSonzogni , what do you think about one more "double lined" border ( inspired by mc ) style ?
This is now supported, via the API:
Element separator(void);
Element separatorLight();
Element separatorHeavy();
Element separatorDouble();
Element separatorStyled(BorderStyle);
Element border(Element);
Element borderLight(Element);
Element borderHeavy(Element);
Element borderDouble(Element);
Element borderRounded(Element);
Decorator borderStyled(BorderStyle);
from ftxui.
The original issue as been address via the gridbox
element.
from ftxui.
FYI. I added gridbox
for to represent a grid instead of simple row/column with hbox
/ vbox
.
Based on that, I introduced a class to build styled table:
#228
#229
from ftxui.
Thanks!
from ftxui.
Related Issues (20)
- dropdown example bugs HOT 2
- Creating an input window, and outputting entered text after hitting enter or special key. HOT 3
- how to hide the cursor HOT 2
- About Support for Full width Characters in FTXUI HOT 10
- Is there an Event handling when CTRL+SHIFT+C is pressed? HOT 2
- From ftxui::Element to std::string or char* HOT 3
- focus problem HOT 2
- Untidy exit on std::terminate() HOT 1
- Do you have any recommended fonts? The font provided by windows is not very beautiful HOT 2
- How to highlight text inside ftxui::text() or ftxui::paragraph() HOT 1
- Is there a bug between full width characters and vertical?
- Running tests alters the terminal state HOT 2
- The scrollbar doesn't work in the "homescreen.cpp" demo HOT 3
- [feature request] Scatter plots HOT 1
- Dynamically adding elements to Checkboxes HOT 5
- Correctness of layout requirement for flexbox. Scrollbar implementation. HOT 1
- I've tried everything. I need help HOT 1
- Compression priority when rendering a vbox with inadequate space. HOT 2
- lifecycle problem HOT 2
- Final link failed: Bad value HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ftxui.