I installed Angular Material to my project, and I really like it. However, working with the grid-list arose a lot of problems. Maybe there are some other tools that would help to simply work with grid?
Take a look at #angular/flex-layout for a way to structure your UI into a grid system that implements flexbox for a responsive layout of your pages.
Related
I am using Visual Studio 2019 to code Blazor. I find it really annoying that I have to run the app in order to see the screen design. Does anyone know if there's a WYSIWYG tool or feature, so that I can look at the screen design w/o running the app? Thanks!
So since there's known, I have been doing this way...and so far my productivity is higher than running the app. Since I am constructing smaller Razor components, I have been constructing the styling on Codeply and move the styling back to VS once it's confirmed working. Pretty similar to what Quango has suggested. Still wishing there's a WYSIWYG feature from VS.
I built some views that extend layouts from package com.vaadin.flow.component.orderedlayout. The problem is there are a lot of useful stuff in package com.vaadin.ui like Link, PopupView etc that I can't add to my views. I tried making my view extend UI from com.vaadin.ui but that doesn't work, I get the following error:
Failed to load the widgetset.
What is the best solution to my problem? How can I add the needed stuff to my view?
I have just started using Vaadin few days ago.
com.vaadin.ui is Vaadin 7 or Vaadin 8. com.vaadin.flow is Vaadin 10+. Those two cannot be used together unless you're using the commercial multiplatform runtime.
For Link, you can instead use the Anchor or RouterLink components. There isn't any direct replacement for PopupView, but it should be possible to assemble something similar by combining Button and ContextMenu. See https://vaadin.com/docs/flow/migration/5-components.html for a full overview of the relationship between components in the old and new versions of Vaadin.
I just found out about AngularDart today and I want to build a sample app but I got stuck.
I'm currently browsing https://material-components-web.appspot.com/toolbar/index.html and I'd like to use the Waterfall Flexible Toolbar for my dart web app.
I'm using this website in order to reference the angular components for Dart https://dart-lang.github.io/angular_components_example but I can't find any toolbar examples.
Does that mean that I have to build my own toolbar? How can I do that?
Apparently in this case it's called Application Layout https://github.com/dart-lang/angular_components/tree/master/lib/app_layout
I wanted to know if there were a Canvas external library for DART like Fabric.js ?
If it doesn't exist is there a project to make one ? Cause I'm thinking of starting this project, but I would prefer joining a existing project on GIT.
Or maybe there is things integrated in DART that I don't know ?
I've not worked with Fabric.js, but after taking a look at the website, I'd point you to the projects listed below. Neither project is exactly what you are looking for, but should give you a starting point.
2D (Flash object model) - The project changed to StageXL
https://github.com/bp74/StageXL
WebGL
https://github.com/johnmccutchan/spectre
I don't know of any serious Canvas abstraction libs for Dart but maybe these two projects could provide a good inspiration foundation to create one.
Drag & Draw approach
Animation approach
For a school project i need to write or use a online programming editor. It is a part of a bigger project. I thought of a java application, php/html/javascript or flash.
I have a couple of things i could do:
Find a good working application and edit it so it works with the rest of the project
Find good parts for a editor and make it working my self (syntax highlighter, auto-indent, autocompletion, etc.)
Combination of those two
Does anybody know a good editor or have tips for this project or a editor?
Thanks for reading,
Leon
For the syntax highlighting and basic editing part, check out my recent question Textarea that can do syntax highlighting on the fly?
Solutions presented there:
CodeMirror
Bespin (Mozilla only, but great)
For the rest - autocompletion etc. - ... Check out the Wikipedia article Comparison of JavaScript-based source code editors
Interested to see what other suggestions come up.
Bespin comes to mind. Though it might be too bleeding edge, depending on how the rest of the project is built/meant to be used (but hey, programmers love bleeding edge).
If you decide to use PHP/HTML/CSS/JavaScript, see GeSHi for syntax highlighting.
I have a side project developed with ACE.
It connects to your server through SFTP and allows you to create new files,read and edit all from your browser with your file tree at sidebar.
Demo at TePe
Code at Github Repo
I found Cobalah Editor it's also built on CodeMirror but with some customization. There are some themes available we can set, increase or decrease font size.