ionic 2/3 : static progress bar - html

I have a psd to integrate to ionic 3 and it contain a progress bar (see the image bellow ) and I want to ask is there a ready ionic default component to use or should I build it by html and css ?

There is not a progress bar in Ionic.
Anyway, you can use any Angular 2/4 component. I have used the ngx-progressbar once, it works fine.
You can also check this blog post with more details.

For ionic 3 with angular4 & above you could use this very easy to use plugin to show the exact percentage of upload & download. To actually get the upload & download & some other events' percentage you will of-course listen to angular reportProgess events.
npm plugin link Angular / Ionic Progress bar component
and read more about angular progress events: Listening to progress events

Related

Redirecting To a New Angular Application After Login and Subscription Success

Good Day Everyone, Please I am working on a personal project on Angular, I have two angular applications, the main angular application and the second angular application to redirect to after login and subscription has been validated.
The Only issue now is how to make use of the home.component.html of the second application which contains different menu or navbar items but each time i redirect to the second application, the items or menu showing on the navbar are the main or default application component.html but with the second angular application contents. I also discovered that second application was not generated with any index.html file.
Please I need help on how to go about this. In summary two angular applications one acting as default (thriller page), the second to display the real contents for movies. How can i implement the default application having its own menu and the second application having its own menu as well. Thanks
Use window.location.href = 'SecondAppUrl'; to navigate to the second app.

Ionic3 - How to change color and size default tab bar

I'm using ionic 3 and angular. I want to change color and size of default tab bar in ionic, but when I modified main.css file, it can build success, but when I re-build, it seem return default status...
I don't know how to create new file css to change it.. How to can change new style of tab bar in ionic 3?
I'm so sorry because this is basic question, I'm a newbie
I am believing that you are asking for the tabs in ionic
It depends whether you are building for android or ios.
If you want to change for Android,
just add $tabs-md-background: color($colors, custom); in variable.scss file.
Where custom is your customized colour.
Similarly, you can change the size as well, depending on your phone os.

ReactJS: Image Selector

I am new to ReactJS ,I am developing a application where we display a List of Images from web and User can select an image,enter some details and submit this image to Backend application. I am looking for React Component (possibly from Material UI -https://material-ui-1dab0.firebaseapp.com/demos/grid-list/) where I can display a list of image and when clicking a image it show it as selected.I am looking something like Image Picker in Jquery (https://rvera.github.io/image-picker/).
Thanks!
react-image-picker npm package.
There are also several react-native specific packages if your target platform is mobile.

how to make a custom ionic tabs?

i have been developing application in ionic 2 using ionic 2 tabs template.
I want to make a big plus button in the middle . I am attaching screenshot if anyone can tell me how to achieve that .enter image description here

Custom buttons for HTML select box in PhoneGap

I want to change the default buttons of an HTML select box (dropdown) using PhoneGap 3.5. A "Cancel" button should appear in addition to "Done." Is it possible to change or add select buttons using the PhoneGap API or plugins?
It's not possible using the OS level control out of the box but it looks like a cordova plugin (for iOS) has been started (3 days ago) that could include this functionality:
https://github.com/mzbyszynski/cordova-plugin-picker
I suggest speaking directly with the plugin author by raising an issue / enhancement request.