How create seperate mobile and desktop inbox like facebook? - javascript

When in desktop i want to show the conversation lists on left and conversation on right. And when on mobile browser the two pages should be seperate just like facebook. Is there a responsive way to do that or I have to code a different html,css file for that ?
I am using mean stack with jquery and bootstrap .
I havent been able to find an example of this kind chat on web. The ones i see, the conversations go below when the window is made small , so any links would be very useful

Related

Is it possible to create an embedded browser on a webpage (Using either React.js or Astro)?

I am trying to create a web application that I can have 4 separate 'tiles' and each tile is its own web browser so that you can go to a different website. Unfortunately I don't know how web browsers work, so I don't know if this is possible.
I have tried npm packages react-embedded-browser but had no luck and couldn't get it to work properly and don't know where to look for help.
The purpose of the project is so that I can setup 4 dynamic and live 'tiles' which function as screens so that I can display a news channel, and three live price graphs on a single screen for use as a display screen.
Using iframes would be the closest thing that could achieve this. Just insert four iframes that redirect to google in your page. So you can navigate in any referenced website from there.
<iframe src="https://www.google.com/webhp?igu=1"></iframe>

Is there a way to display all screens in a single screen in React Native

I am working on a project where I am using multiple WebViews. Its like a browser app. The problem is that I want to create a tabview where I can show all the WebViews in a single screen. You can understand it just like chrome tabview from where I can add new tabs and remove older ones. I have googled it but cannot find a relevant answer.
Is there any way to do that.
Just like this one..
As of now, none of the current navigation libraries in react-native provide such functionality.
So the only way you can achieve this is to track your tabs on your own and in case the user wants to see all of them you should open a scrollable modal and show all available tabs to her.
And as she clicks on one of them you navigate her to that specific screen or component.

SharePoint chat icon embed iframe issue

Trying to embed a chatbot in SharePoint online. We're doing that with an iframe through True Editor Web Part http://prntscr.com/m3br5p
The issue is that even when the bot is folded like in this preview, clicking buttons behind its unfolded are (or scrolling) are not possible
folded: http://prntscr.com/m3brdk
unfolded: http://prntscr.com/m3brxu
We're also experiencing similar issues when trying to lightbox/popup certain things that we want to load. I wish we could have a layer on top of sharepoint where we could just do anything we want (being externally, no need to integrate) while keeping everything behind it in tact.
How should we deal with this?
Have you looked at maybe using a Directline / React application customiser at all?
I found this useful after some re-jigging around and a better solution than using the iframe approach.
https://github.com/MickH3/directline-bot-extension

How to control website using mobile app

I have edited my question to make more meaningful and easy to understand.
How can I make a mobile app which can control my website, Website is already built and working written in php-mysql, jQuery etc.
Websites have alot of links and most of the pages are stand alone which have forms to show some output (Data in tabular format and some charts).
I want my mobile app to work like remote control. If i select a link in my mobile app then it should sync with desktop monitor the page which is already open and user is logged in.
Since pages are too big to fit in mobile so i want to have hyperlinks and form (check box, radio button, dropdown etc) for each page in mobile so that i can select and show output in big screen.
Here is a example but not complete - https://tz-smartphone-remote-control.herokuapp.com/#/3/1
If you open this in mobile you can sync the same page with big screen.
Using this - http://tutorialzine.com/2015/02/smartphone-remote-control-for-presentations/ i can make it working but i don't want to write everything (website) again.
All i want is some simple way to add something in website and create mobile app which can navigate pages.
Thanks

Like and Send Buttons for Mobile

I am using Facebook Like and Send buttons in my desktop site. I am making changes so that it can be used in Mobile site as well. This Like and Send button is opening a pop up same as it opens in Facebook site on any page at bottom.
If I use it in same way. The pop up is too big that it cant be aligned properly as compared to the mobile device.
Please provide me the solution to get it done for mobile. I have tried doing it with writing custom css with important tag but all efforts goes in vain.
I believe the provider of the like button gives you options for what kind of display you want to use. You select the display, then copy and paste it into your site.
You can copy and paste the large version AND the small version into your site, then display the one you want to use based on the device size. Make sense?

Categories

Resources