-
Question why do we need to disable splash in order for app to work ? if its enable in studio the app keeps blinking. And una.io app works fine with splash on. Please enlighten us all
#mobileapps#mobile#android Alex T⚜️ Andrew Boon Anton L
-
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 "
#rgb" -
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/
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
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 "#rgb"
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>}
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 (
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
#mobileapps #android #ios #style #color
Credit to : Alex T
Hi Alex T⚜️ we found out the the app,js was updated we cannot edit it now please advice. ty
R
Look at the end of the file App.js