mobileapps

  • More
Posts
Posts' Comments
Products by hashtag: mobileapps
Discussions
Forum's Comments
  • If you need to add more pages to be publicly available without login in the mobile apps then you can add such list of such pages here:

    Studio > Nexus > Settings > Comma separated list of pages URIs, which are available for guests.

    If you need homepage to NOT show login by default, then you need to uncheck this checkbox as well:

    Studio > Nexus > Settings > Display custom homepage with login form only

    • You can try to set background for mobile splash when you are setting splash with this command:

      npx react-native set-splash --platform android --path ./img/background.png --resize contain --background ""


      • To change loading screen when app loads for the first time you need to change the following line in App.js file:

        renderLoading={() => <View style={styles.webviewFirstLoad}><ActivityIndicator size="large" color={useTheme('colors.activityIndicator')} style={styles.webviewFirstLoadIndicator} /></View>}

        • 1. All styles are in dynamicStyles at the end of App.js, however some items from header don't have styles, then you need to create new style, for example:

              myStyle: {
                  color: red,
              },

          and apply it where needed, for example:

          <Button transparent>
              <Icon style={styles.myStyle} name='search' onPress={o.onSearchMenu} />
          </Button>

           2. It's some sort of bug I think in the theme library which we're using for UNA mobile app, but you can try to play with this code (particularly with setBarStyle), by removing functionality for dark//light mode support and make it static, so it should work then:

                  const isDarkMode = useDarkMode();
                  var sBarStyle = 'dark-content';
                  if (Platform.OS === 'android' || isDarkMode)
                      sBarStyle = 'light-content';            
                  if (Platform.OS === 'android')
                      StatusBar.setBackgroundColor('#076fd3');
                  StatusBar.setBarStyle(sBarStyle, false);         

          3. Alexey could you please assist with this point ?

          • To redirect user to some other page instead of homepage after login in mobile app

            Try to change all occurrences of 

            ${BASE_URL}?skin=${TEMPLATE}

            in App.js to

            ${BASE_URL}?relocate=ABC&skin=${TEMPLATE}

            Where ABC is URL where you want user redirect to after login

            • To make PUSH working you need to open OneSignal account then setup it properly for Web Browsers, Android and iOS[if needed] in OneSignal - then have necessary instructions on how to do it. Then specify OneSignal App ID in UNA and mobile apps.

              Also you can refer to more detailed description by Mosi76
              https://una.io/cmts.php?sys=bx_forum&id=4009&cmt_id=16180

              • The code for this button is in mobile app App.js file:

                <Button vertical onPress={this.onMessengerMenu.bind(this)} badge={this.state.data.bubbles['notifications-messenger'] > 0 ? true : false}>
                    {this.state.data.bubbles['notifications-messenger'] > 0 && 
                        (<Badge><Text>{this.state.data.bubbles['notifications-messenger']}</Text></Badge>)
                    }
                    <Icon name="comments" type="FontAwesome5" solid />
                </Button>

                To change it to your own you can replace it with this:

                <Button vertical onPress={() => this.injectJavaScript(`window.location = '${BASE_URL}page/privacy';`)}>
                    <Icon name="car" type="FontAwesome5" solid />
                </Button>

                Just change, page/privacy URL and car icon to your own, icon name can be any icon from FontAwesome5 set:
                https://oblador.github.io/react-native-vector-icons/

                ·
                Added a product to , mobileapps

                The best datepicker replacement for all forms

                • Compatible with all mobile devices (iPhone, iPad, Android phones, Android Tablets), PC, Mac
                • Swipe up or swipe down to select the date
                • Users can select a date
                • Users can select a time if the form input allows time
                • Admin can set in which form inputs enable this date picker
                • Admin can set the theme (iOS, Android, Desktop) or set it as auto-detect so it displays a different theme depending on the user's device
                • Admin can activate the arrows to make it fully compatible with desktop
                • Compatible with all content based modules
                • Compatible with all profile based modules‍ ‍
                • Compatible with UNA12 and UNA13

                      sb7ffxwxssdvvea4fsaquubnmjygxqak.gif

                • 185

                If you need to add more pages to be publicly available without login in the mobile apps then you can add such list of such pages here:

                Studio > Nexus > Settings > Comma separated list of pages URIs, which are available for guests.

                If you need homepage to NOT show login by default, then you need to uncheck this checkbox as well:

                Studio > Nexus > Settings > Display custom homepage with login form only

                • 97

                You can try to set background for mobile splash when you are setting splash with this command:

                npx react-native set-splash --platform android --path ./img/background.png --resize contain --background ""


                • 273

                To change loading screen when app loads for the first time you need to change the following line in App.js file:

                renderLoading={() => <View style={styles.webviewFirstLoad}><ActivityIndicator size="large" color={useTheme('colors.activityIndicator')} style={styles.webviewFirstLoadIndicator} /></View>}

                • 346
                ·
                Added a discussion to , mobileapps

                These bars are part of react-native, so you need to customize it in mobile apps source code App.js file.

                Change this code:

                  renderToolbar () {

                             return (

                                 




                to



                  renderToolbar () {

                             return (

                               

                yourcolor'}}>




                Similar approach should work for footer. Also you can add style classand change more design styles, refer to documentation on how to add style sheets




                Credit to :  Alex T  



                • 3880
                  Not logged in users can't 'Comments Post'.
                  Followers
                  Add new...