I have some style issues with the SAP Fiori 2.0 upgrade.
In the new version, the sap_bluecrystal style theme has been deprecated, and has been replaced with sap_belize. In our Fiori applications some style is not showing good since the upgrade and we need to revise it.
Is there a way to migrate the old sap_bluecrystal styles to the new ones?
Thank you for your time.
It would be helpful if you describe the problem in more detail. Screenshots would be nice.
Maybe the issue is something that can be solved differently.
Otherwise we see 4 options:
Use bluecrystal, that, despite being deprecated, is still available.
Use belize
Create your own style on top of bluecrystal using the Theme Designer
Create your own style on top of belize using the Theme Designer
We generally recommend option 2.
If this is not feasible, you might go for option 4 and adapt belize to your liking.
For Theme Designer, please see the following links:
UI Theme Designer
Help Portal UI Theme Designer
Create and Apply Custom Theme to SAPUI5 Application
Related
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 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.
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 find the Vaadin's Valo theme so beautiful that I would like to use it without Vaadin. That is, I want to grab only the theme files (*.scss) and use them in an app written in Emberjs.
Does the Vaadin license allows this scenario?
Assuming the license of Vaadin's Valo theme is the same as the main project (e.g Apache 2.0), the answer is yes, as along as you comply with the license terms that are rather simple.
https://github.com/vaadin/vaadin/blob/731fec8cc81c4ff6ca53d404b68a2c1538fd3885/LICENSE
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.