Few Problems with Designer

phil_J_ · ‎09-10-2015

Having some problems with Designer - not major individually but enough together to make me rethink using it.

As soon as I add an element to a new sub page I get a corrupt header item showing. I have found the solution to this from 2 years ago, in that it is including the app_framework/css/af.ui.min.css and .../icons.min.css twice - once in original and once in 2.1 formats. SO - I go into code and remove the old ones - it is a bit of a nuisance having to do after every element)...

Can't find a Drop Down selection box control in the list of controls. If I load the Sample AppFramework Project - it has a Select field - and it also shows in the list of controls - but in my project (Same using App Framework) then it doesn't appear.

When I added the first control (an Input box) the properties included fields for entering an Id and Name, and changing the label text. Others that followed didn't have these properties, and when I go back and select the Input box that has gone too - so again have to jump into code to enter these things

Finding the whole Design tool very awkward to use - anyone got any advice?

Elroy_A_Intel · ‎09-10-2015

I will escalate this issue to the App Designer engineering team.

Chris_P_Intel · ‎09-10-2015

I have found the solution to this from 2 years ago, in that it is including the app_framework/css/af.ui.min.css and .../icons.min.css twice - once in original and once in 2.1 formats. SO - I go into code and remove the old ones - it is a bit of a nuisance having to do after every element)...

Hmm. I haven't seen that bug in an age. Just removing the old ones may not be enough, you may have to make sure the data-ver attribute is set correctly. It would normally be data-ver="1" on appframework.ui.min.js BUT other controls may also need to have their data-ver attribute bumped to 1. After that, restarting the XDK before continuing would be a good idea.

Is it possible to just make a new project and start over? That would be simpler. I'm fairly sure all your other problems stem from this one.

The Select control is in the Common set of controls. BUT if your project is mis-interpreting which version of AF you should be using, then it might not be available.

When I added the first control (an Input box) the properties included fields for entering an Id and Name, and changing the label text. Others that followed didn't have these properties, and when I go back and select the Input box that has gone too - so again have to jump into code to enter these things

When you say "Others that followed didn't have these properties", what do you mean? I'm not sure I fully understand. But, if I have to guess, it stems from the first problem.

phil_J_ · ‎09-10-2015

Thanks for the response Chris.

I only loaded the XDK a couple of weeks ago - then had 1 update - so whatever the problem is it's current. (It's v 2366)

When you say bump the versions, in index.html the appframework.ui.js is 1, but most of the div classes are set at 0 - are these the ones to be set to 1? See below a list of everything with a data-ver. There are no other libraries.

I set everything to 1 where it was 0 from this list - exited and reloaded - then all the controls disappeared and my pages .list....see pics below??

Before: (Done twice so you could see all the controls available - No Select !)

After changing to ver 1 everywhere....Pages and controls gone !!

Chris_P_Intel · ‎09-10-2015

I'd love to be able to re-create this. Let me know if you have some reproducible steps.

In the interim, I think you should start over, either with a new .html file or a new project

phil_J_ · ‎09-11-2015

Ok started again - and things a little better. It may be because (I think) - may have swapped Frameworks on the old project and back again - just to see what happened, may have screwed things up.

Still messy to use though;

Everything looked fine - create a page with select, input etc...all worked.

Went to next page and added a listview control - back to code - no code for it? (Even though the code showed in the Preview panel at bottom of design view). Exited - reloaded - opened index.html - code is there.

Added 'inset' on the class to get round corners (as per a tutorial) - back to Design mode - the corrupt header has reappeared - check in code - the duplicate framework lines have reappeared.

<head>
        <link rel="stylesheet" type="text/css" href="app_framework/css/af.ui.min.css">
        <link rel="stylesheet" type="text/css" href="app_framework/css/icons.min.css">
        <link rel="stylesheet" type="text/css" href="media_button_bar/css/media_button_bar.css">
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="app_framework/2.1/css/af.ui.min.css">
        <link rel="stylesheet" type="text/css" href="app_framework/2.1/css/icons.min.css">
        <title>Blank App Designer Packaged Web App Project Template</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">

Take out the old ones and it disappears....

Think I may be better just using HTML5 coding and forget the designer....