How can you add links, popup windows etc to layout in Vaadin? - vaadin

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.

Related

What tools do you recommend using instead of mat-grid-list?

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.

How do I make an inline PDF Viewer

I want to open PDF files from assets but inline with other flutter widgets, like in column widget.
I have used flutter_pdf_viewer plugin. Although being a good plugin, it opens PDF files as a new activity instead of embedding them or display them inline with other widgets.
Can anybody help me figure out how to achieve this?
The flutter_pdf_viewer plugin has a working MVP for inline pdfs available at the inline branch.
A full example is available here.
It still has some stability issues, which are being discussed over here.
In the latest master builds of Flutter, there is an AndroidView widget that allows you to display native android views.
Combine with AndroidPdfViewer to display an interactive PDF in a widget.
Of course that will only work on Android. Right now there is no comparable solution for iOS.

How do I use a toolbar in AngularDart?

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

Style issues due to Sap Fiori 2.0 update

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

Is the watermarkedtextbox in silverlight 3

I have an old demo project I am trying to dust off to run in Silverlight 3 and it cracks around the "Watermarkedtextbox" element. Anyone know how to get that back, or do I have to come up with another "cool" effect to get the water-mark effect?
It lives and is built in still! But under a different name.
In the System.Windows.Controls assembly actually (in the Silverlight 2 and Silverlight 3 SDKs), in the System.Windows.Controls.Primitives namespace, is the "DatePickerTextBox" class.
This is actually the original WatermarkedTextBox, renamed, since it was only tested for primary use in the DatePicker control for now.
More information on the control is available in the DatePickerTextBox class reference on MSDN.
Tim Heuer blogged about it a while back: Silverlight 2 Watermarked TextBox Control
You can grab the source for the WatermarkedTextBox element from here. You can compile it, and then include the resulting DLL in your project, and it seems to work fine.
The WatermarkedTextBox was removed in Silverlight 2 Beta 2. I believe a similar effect can be achieved using the Background property and an appropriate Brush.

Resources