Dropdown design and runtime does not work as expected.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

Take a look at our YouTube channel and subscribe to be notified about new videos!

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Take a look at some frequently asked questions about us and our products!

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

Danny Cheah

Hi David,

I have the following problem and I don't know hot to fixed it. Below is my configuration for the dropdown object. I have 2 items which is Chinese and English.

But when I run the application the dropdown did not show each of the item on a seperate line but all in a single line.

Sorry to keep troubling you for help.

Thank you.

Best regards,

Danny Cheah

DecSoft

Hello Danny,

Sorry, but I can't reproduce the problem here. Please, be sure that you edit the items in the Array editor dialog, be sure there are really two lines. Take a look at the Dropdown app sample too. If the problem persists, please, post here, and, if possible, provide a sample app in which we can see the problem.

Purchase one or more licenses of our products if they are useful to you!

Danny Cheah

Hi David,

I have looked into the sample dropdown and that's why I could not understand why it didn't work. If I create totally new project it works. But if in my existing project, it does not work. That's why I'm so confused.

Thank you.

Best regards,

Danny Cheah

DecSoft

Hello Danny,

It's quite rare. Maybe you are changing the Dropdown Items variable at runtime? Remember that variable is an Array, so you cannot set an string to it, for example.

Purchase one or more licenses of our products if they are useful to you!

Danny Cheah

Hi David,

How below is my project code as I've followed everything accordingly and it's still not working.

<?xml version="1.0" encoding="utf-8"?>
<AppBuilder Version="2019.44">
  <App>
    <ID>com.appbuilder.asianbeacon</ID>
    <Name>Asian Beacon</Name>
    <ShortName>ABDigital</ShortName>
    <Version>1.0.0</Version>
    <Icon>Image\ABEmblem.png</Icon>
    <Width>320</Width>
    <Height>480</Height>
    <Theme>Cosmo</Theme>
    <Description>Asian Beacon Digital</Description>
    <AuthorName>Danny Cheah</AuthorName>
    <AuthorUrl>https://www.asianbeacon.org</AuthorUrl>
    <AuthorEmail>danny@asianbeacon.org</AuthorEmail>
    <Created>2019-04-29T15:57:15.215</Created>
    <Modified>2019-08-12T15:34:31.842</Modified>
    <BuildNumber>220</BuildNumber>
    <AutoBuildNumber>1</AutoBuildNumber>
    <Metadata />
    <Webapp>
      <CreateManifest>1</CreateManifest>
    </Webapp>
    <ProWebApp>
      <CreateManifest>1</CreateManifest>
      <BgColor>#ff0f00</BgColor>
      <ThemeColor>#ff0f00</ThemeColor>
    </ProWebApp>
    <WebExtension>
      <CreateManifest>1</CreateManifest>
    </WebExtension>
    <Cordova>
      <General>
        <CreateConfig>1</CreateConfig>
        <StatusBarBgColor>#000000</StatusBarBgColor>
      </General>
      <Plugins>
        <FilesPlugin>1</FilesPlugin>
        <BrowserPlugin>1</BrowserPlugin>
      </Plugins>
      <Electron>
        <Settings>
          <![CDATA[{
"browserWindow": {
"width": 800,
"height": 600,
"resizable": true,
"nodeIntegration": true,
"webPreferences": {
"nodeIntegration": true
}
}
}
]]>
        </Settings>
      </Electron>
      <Android />
      <IOS>
        <DebugSignPackageType>development</DebugSignPackageType>
        <ReleaseSignBuildFlags>development</ReleaseSignBuildFlags>
      </IOS>
      <Windows />
      <Phonegap />
      <Platforms>
        <Android>1</Android>
      </Platforms>
      <Splash>
        <SplashSpinnerColor>#ffffff</SplashSpinnerColor>
      </Splash>
      <Config />
      <Paths />
    </Cordova>
  </App>
  <Views>
    <View>
      <Name>Master</Name>
      <IsMaster>1</IsMaster>
      <Style>background-image: url('../images/50BG320by480.jpg'); </Style>
      <ShowEvent>
        <![CDATA[SetStyle "ABLogo" "width" "132px"
SetStyle "ABLogo" "height" "138px"
SetStyle "ABLogo" "left" "100px"
SetStyle "ABLogo" "top" "60px"

SetOption "DefaultView" "Splash" "String"
]]>
      </ShowEvent>
      <Controls>
        <Control Role="8001">
          <Name>ABLogo</Name>
          <Top>32</Top>
          <Left>72</Left>
          <Width>168</Width>
          <Height>168</Height>
          <Image>app/images/ABEmblem.jpg</Image>
        </Control>
      </Controls>
    </View>
    <View>
      <Name>Splash</Name>
      <DrawMaster>1</DrawMaster>
      <ShowEvent>
        <![CDATA[TimerStart "Timer1"

]]>
      </ShowEvent>
      <Controls>
        <Control Role="6002">
          <Name>Label9</Name>
          <Top>80</Top>
          <Left>56</Left>
          <Width>213</Width>
          <Height>31</Height>
          <Style>color: #ffffff; font-weight: bolder; text-align: center; </Style>
          <Text>ASIAN BEACON</Text>
        </Control>
        <Control Role="6002">
          <Name>Label10</Name>
          <Top>136</Top>
          <Left>24</Left>
          <Width>272</Width>
          <Height>24</Height>
          <Style>color: #ffffff; font-weight: bold; text-align: center; </Style>
          <Text>GOING DIGITAL AND BEYOND</Text>
        </Control>
        <Control Role="30002">
          <Name>Timer1</Name>
          <Top>128</Top>
          <Left>352</Left>
          <Width>200</Width>
          <Height>45</Height>
          <Interval>10</Interval>
          <IntervalEvent>
            <![CDATA[Inc "[Input1.Value]"

If "[Input1.Value]" ">=" "5"
TimerStop "Timer1"
//ShowView "Home"
SetVar "[Progressbar1.Percentage]" "0" "String"
SetVar "[Progressbar1.BarText]" "" "String"
SetVar "[Input1.Value]" "0" "String"
EndIf

Math "[Input1.Value] * 20" "[Progressbar1.Percentage]"
Math "[Input1.Value] * 20" "[Input2.Value]"
Math "[Input1.Value] * 20" "[Progressbar1.BarText]"
SetVar "[Progressbar1.Hidden]" "" "String"
SetVar "[Progressbar1.BarText]" "Loading [Input2.Value]%" "String"

// change the interval of timer1 to 1000]]>
          </IntervalEvent>
        </Control>
        <Control Role="3001">
          <Name>Input1</Name>
          <Top>184</Top>
          <Left>352</Left>
          <Width>200</Width>
          <Height>40</Height>
          <Hidden>1</Hidden>
          <TabIndex>0</TabIndex>
          <Value>0</Value>
        </Control>
        <Control Role="5001">
          <Name>Progressbar1</Name>
          <Top>208</Top>
          <Left>40</Left>
          <Width>240</Width>
          <Height>32</Height>
          <Hidden>1</Hidden>
          <Style>color: #ffff00; </Style>
          <Text>
            <![CDATA[Loading]]>
          </Text>
          <Kind>info</Kind>
          <Active>1</Active>
          <Striped>1</Striped>
          <Title>Danny</Title>
        </Control>
        <Control Role="3001">
          <Name>Input2</Name>
          <Top>232</Top>
          <Left>352</Left>
          <Width>200</Width>
          <Height>37</Height>
          <Hidden>1</Hidden>
          <TabIndex>0</TabIndex>
          <Value>Input4</Value>
        </Control>
        <Control Role="2002">
          <Name>Button1</Name>
          <Top>416</Top>
          <Left>56</Left>
          <Width>203</Width>
          <Height>45</Height>
          <Text>
            <![CDATA[Button1]]>
          </Text>
          <Items>
            <![CDATA[English
Chinese
]]>
          </Items>
          <Kind>primary</Kind>
          <TabIndex>0</TabIndex>
          <Direction>dropup</Direction>
          <TooltipPos>top</TooltipPos>
        </Control>
      </Controls>
    </View>
  </Views>
  <Functions />
  <Files>
    <Styles />
    <Scripts />
    <Folders />
    <Images />
    <Others />
  </Files>
  <Generator>
    <Name>App Builder</Name>
    <Version>2019.44 (6/24/2019)</Version>
    <Email>mailto:info@decsoftutils.com</Email>
    <Website>https://www.decsoftutils.com/</Website>
    <Copyright>©2019 App Builder by DecSoft</Copyright>
  </Generator>
</AppBuilder>

Thank you.

Best regards,

Danny Cheah

DecSoft

Hello Danny,

Please, remember to use the "code" HTML tag. Certainly, you are right, the Dropdown don't work as expected in your project, but, it's not related with the control itself, but with the app theme that you are using. Apparently that theme ("Cosmo") have some problems with the Dropdown control. Other themes too. I need to investigate this when possible. In the meanwhile... sorry but you cannot use the "Cosmo" nor other affected themes.

Purchase one or more licenses of our products if they are useful to you!

Danny Cheah

Thanks David. I will change the theme.

Can I use this https://html-online.com/editor/ to generate my post?

Thank you.

Best regards,

Danny Cheah

DecSoft

Hello Danny,

We are talking about paragraphs and textboxes for the code... that is, the "p" and the "code" HTML tags... probably we no need an editor for this beyond the Notepad. ;-)

Purchase one or more licenses of our products if they are useful to you!

Danny Cheah

Hi David

I'm using the "p" and "code" in this message. I hope I get it right. This is just a test message.

<?xml version="1.0" encoding="utf-8"?>
<AppBuilder Version="2019.44">
  <App>
    <ID>com.appbuilder.asianbeacon</ID>
    <Name>Asian Beacon</Name>
    <ShortName>ABDigital</ShortName>
    <Version>1.0.0</Version>
    <Icon>Image\ABEmblem.png</Icon>
    <Width>320</Width>
    <Height>480</Height>
    <Theme>Cosmo</Theme>

Thank you.

Best regards,

Danny Cheah

DecSoft

Absolutely right, Danny! That's exactly!

Purchase one or more licenses of our products if they are useful to you!

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.