hyperlinks in text boxes app inventor - listpicker

Since I cannot use activity starters in my listpicker, I want to include some youtube links in my text boxes of the listpicker. Is there a way to do this so that it actually is a hyperlink that goes to the youtube app?

Yes, this is possible, see here how to use the Activity Starter to view a Youtube Video
You might want to use two lists, a "nice" list with names to be displayed in the listpicker and a second list with the URLs to the videos. Then in the AfterPicking event of the listpicker just use the selection index of the listpicker to get the corresponding item from the second list and start the activity starter as demonstrated in the example above.

Related

Creating a TinyMCE plugin: How to make element selectable and editable

I'm trying to author my very first plugin for tinymce. Now, how do I make an element selectable? With the official image-plugin for example the user can click on a already inserted image, it visually gets focused and the image-plugin-button gets focused as well - see gif. Let's say I want to write a plugin that inserts a „Bootstrap Card“ which basically is just a div element. How do I make an already inserted Card selectable plus of course editable once the users clicks my new plugin button? Bonus question: ;-) Any suggestion for a comprehensive tutorial on tinymce plugin authoring?
To answer the bonus question first, there is an article on the TinyMCE blog that walks through creating your own TinyMCE plugin, with the example being an HTML to Markdown transformation
In the article, under the "Add the plugin to the editor" heading, Shahed Nasser writes the steps for adding the custom plugin button to the toolbar. Check under that heading for more information on getting the custom toolbar icon up and running.
For the Bootstrap Card item question – so it sounds like when your users select the Card, you need the following:
Focus on the existing cards in the document
Enable the ability to edit, adjust, or modify the cards in to get what they want written or expressed in the card done.
The first step would be to identify the card items. The TinyMCE.html.DOMparser API has a method that will filter for a specific node within the editor, and allow you to run a function on any nodes that match the filter. You can find the API docs here - https://www.tiny.cloud/docs/tinymce/6/apis/tinymce.html.domparser/#addNodeFilter
That's reaching the limits of my knowledge of what to do, hopefully the docs and article help give you the first steps to get your custom plugin going.

Can text in a Flutter web app be made searchable?

Problem:
When I run a Flutter app as a web app in a browser, I can use the browser's text search function Ctrl + F to search for text on the page. The search function finds all of the instances of the search term that are currently shown on screen, but it does not find all of the other instances of the text that are currently out of view.
Example:
In the example below I am searching for the word tile, which is used 8 times in total: 4 times in the blue tiles and another 4 times in the purple tiles.
However, when I search for the word tile, the browser only finds the 4 instances of the word that are currently shown on the screen at the time of the search. It ignores all instances of the word that are not rendered on the screen at the time of the search.
Documentation:
The Flutter and Dart documentation does not have any information on searchable text and I do not see any other similar widgets or properties available.
Attempts: I have tried using a SelectableText widget, but the same problem persists.
You can use element = document.getElementById('searchable_text') and element.textContent || a.innerText. See JavaScript tutorial on W3Schools.
Resources:
To create a list and assign it an Id, look at Get Started from Dart docs.
To select elements of the HTML document, read querySelector on Dart docs.
Tell us what worked for your!
This is something not supported by Flutter web yet (tracked here https://github.com/flutter/flutter/issues/53585).
One workaround can be to provide an in-app search bar for list views.
As flutter draws everything on canvas in web, android and ios so far so it doesn't support it.Means whatever you see, Text, images, etc on any flutter app it is just the drawing made on canvas.
If you scroll your page to the bottom before making a search, you should be able to find all the records you expect.
I believe those contents are not in the DOM until they enter the buffer of your viewport.
Meaning, they don't exists to the browser almost until you see them on your screen.
As for infinite lists, Flutter generates the rest of the DOM objects of your page while you scroll.
After scrolling, I can search and find all the words I'm reading, I see them highlighted.
The browser in not able to center on it when hitting Return or UP and DOWN arrows.

Using contentEditable inside Flutter's webview

For an application I need a document that is able to record and display among each other any type (text, audio, video, HTML, maybe PDF) that the user enters or inserts.
At first I wanted to use a listview with different types of widgets (textfields, video via plugin, webview via plugin etc.), but it seemed much too complicated to me. For example, how could I have selected parts of a text field, the following image and parts of the next text field at the same time?
Actually, the document format that I need already exists: HTML. If you set the attribute "contentEditable" accordingly, it is not a big problem to let the user change the document in any way with the help of JS. And this is exactly my problem: If I use the Webview (Developer Preview) of the Flutter team (webview_flutter), the attribute "contentEditable" is apparently ignored. I can't mark text and no keyboard appears.
Am I doing something wrong or does the plugin not (yet) support this attribute? Otherwise, is there an alternative? I have to say that I am an absolute beginner in Flutter.

How to Customize AEM Touch UI Timeline?

I want to Customize AEM Touch UI Timeline list, Means I need to add one more value along with existing one
Anybody knows where is the code for that inside CRXDE?
If you are searching for the header level Timeline as shown in the below image
the following are the paths that you are looking for.
Selection dropdown filter
/libs/cq/core/content/projects/jcr:content/rails/timeline/items/timeline/items/filter
component
CORAL:
/libs/cq/gui/components/coral/common/admin/timeline/
and
/libs/cq/gui/components/common/admin/timeline

how to display drop-down in iphone, like in this image

hi
I want to display drop down menu like the one you see in this image http://callingcard.marigoholdings.com/Screenshots.html#1
(below From and To)
How can i create that? Any good tutorial.
Best regards
You will have to use UIPicker for this purpose.This is used as a dropdown whereever needed in iPhone.
Please refer the link below
How to create drop down list box for an iphone app
Thanks
It looks like that app is using a combination of a UIWebView and an html select tag. To do something similar would involve a solid bit of html and javascript hackery, but in essence would be:
Create a UIWebView and inject the appropriate HTML into it to make the dropdown.
User uses dropdown as if it was in mobile safari and picks something.
When you need it, you use a javascript call with stringByEvaluatingJavaScriptFromString: to grab the value of the dropdown by id and pass it back to your code.
There are a few gotchas here, mainly with constructing the dropdown and the webview such that it's big enough to show the expanded dropdown but transparent to see under it when the dropdown is not expanded, it's not scrollable, and that sort of thing.
I wonder if a UIActionsheet might be better ... you could easy make a button to call the sheet. Adding multiple buttons to the sheet transforms it into a table that you can scroll.