Posts by Peter Bradstreet

Thanks a million David, I just about had it but was using sloppy html (br instead of br /).
Cheers!
Pete

Hi, I have this working well however I would like to populate the typeahead dropdown list with a string that contains a concatenated string containing the name, city and state. (i.e. Acme Widgets Manufacturing Company, Los Angeles, California).

The issue is that the string is too long to show in the list, is there a way to introduce a line feed after the name but before the city?
i.e.: Acme Widgets Manufacturing Company
Los Angeles, California
Company #2
New York, New York
Company #3
Buffalo, New York

I tried playing around with line feeds as a special character or html with no luck

Thanks Sam, That looks like it should do the job.

Hi David,

I am working on a registration wizard that interfaces with a web application and would like to provide a typeahead control where the user enters in the name of a marina but the available marinas are returned from a rest service by the web application. I was wondering what the best approach is to do this. I see that in your typeahead sample, the list of items is set at design time. Is there a way to populate this dynamically?

Cheers,

Pete

Here is a sample of a sample response:

{ "response": [ { "Name": "ABC Marina"} , { "Name": "Your Marina"} , { "Name": "Another Marina"} ] }

Hi David, Many thanks, I really appreciate it! The total js approach is an interesting one. I will spend some time dressing this one up and will let you know if/when I need a hand with certain elements. Thanks again, Pete

Hi again, I had a poke around and found a generic vanilla js to do example and have played around with it to get the rough functionality that I am looking for. You can download the example HERE .

Would I be best to strip this down and rebuild it entirely in AB or can I maybe reference the js and css files and just dump the html code into an html control? Or perhaps you have a better way to approach this? Cheers, Pete

Hi David,

I need to add a generic to-do checklist to my app and I was hoping to pick your brain. I can go with 3 separate screens with a list view, add view and edit view but I was hoping to have a slicker solution that would utilize just one view or two views. I would want to be able to add/edit/delete from the single view and also be able to mark each item as completed or not (via checkbox?) and probably also be able to drag/drop the items to organize the sort order. I could branch out from each item to an edit view for setting the due date for each item. Each of the to-do items would need to be stored locally and I will be syncing to an online database if internet connection exists.

I was wondering if you had any suggestions on how to best approach this? Have you done anything like this in the past?

Cheers, Pete

False alarm, I copied the sample code into my app and it compiled phonegap build with no issue and is working in my app. Cheers, Pete

Hi David, I am at a point where I need to incorporate using a picked photo or taken photo from a phone in the app and am looking at the Camera 3 sample. I figured that I would throw the sample on my phone using Phonegap build to see what it looked like but Phonegap build is giving the error: PhoneGap cli-9.0.0 not supported. Do you think that this is a Phonegap build issue or an AB issue? Cheers, Pete

Hi David, I have this working now by working with the Agenda sample. Here is a copy of it in case you have any use for it. The wysiwyg editor picks up the value from local storage and updates it. Cheers, Pete Download zip file

Hi David, Thank you so much! I had just finished struggling with the font issue and had resorted to copying the fonts into the correct folder in the compiled folder so your solution is a much better one. Thanks, also for pointing the way to how to set and get the values of the editor, it will speed things up for me greatly. Cheers, Pete

Hi David, Thanks so much! I will have a go getting it to play nicely in the Agenda sample and then if successful move it into my app. The editor is really quite slick and I think that it is a good add on for AB. I will send you a copy of the Agenda app in case you want to use it as a sample once I hopefully get it working. Cheers, Pete

Hi David,

I really appreciate you looking into it. Another one that I was looking at was Summernote which might be a good candidate since they specifically mention Bootstrap 4 and Angular: https://summernote.org

Cheers,

Pete

Hi David,

I would like to offer a small simple html editor attached to an html area in the app to allow the user to do some very basic html formatting. I have been looking at a product called CLEditor and it looks like a pretty basic implementation. If you look at the example at https://premiumsoftware.net/cleditor/simpledemo you can view the html involved. I have downloaded the referenced assets and have the page working locally in an html file.

I decided to see if I could get it working in the Agenda sample so I added a reference to jquery.cleditor.css and jquery.cleditor.min.js and the toolbar images but am assuming that jquery.min.js is already referenced by AB so doesn't need to be added? Then I added the following code to the show view event:

StartJS $(document).ready(function () { $("#EditNotesTextarea").cleditor(); }); EndJS

When I view the app, it does show the wysiwyg editor in the Edit view but there seems to be an issue with the index layer and I am not sure if the wysiwyg editor is cleanly attached to the html area. Would you have a few minutes to take a look at what I have done and let me know if what I am trying to do is possible and if so, where I am going wrong?

Thanks, Pete

p.s. You can download my sample file at https://mymarina.online/iPort/decsoft/AgendaCLEditor.zip

Perfect, I have it working and can hopefully leave you alone for a bit. Thanks once again! Pete