Mobile

915

Solutions

1K

Contributors

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Share tech news, updates, or what's on your mind.

Sign up to Post

We are about to deploy Office 365 to our organization.  We have always used Exchange ActiveSync Access to quarantine mobile devices attempting to sync with Exchange, and we have set this up in Exchange Online.  Now our concern is users signing into mobile devices with apps like Teams, OneDrive, Skype for Business, etc.  Is it possible to block these applications from being used on mobile without admin approval?
0
Trying to get this to look good on all devices. Please help.

Page: http://www.idiaper.com/depends-diapers

It's just the top blue box with the ask-a-nurse image in it. It looks bad when I resize the screen and also on tablet and mobile.

Need the font to be big all the time. We are dealing with older people:

Sometimes text-align:center has to be inline with our cart, btw.

Looking for html and css to copy and paste in, and if you want to explain your code so I can learn that would be great.

<div id="category11">
	<div id="ask-a-nurse-cat">
	<a href="http://www.idiaper.com/Ask-A-Nurse_ep_29.html"><img class="responsive-left" 				    	src="/assets/images/ask-a-nurse-cat2.gif">
	</a>
	</div>
	<div id="cat-top-right">
	  <h1 style="font-size:120%">Depends Diapers for Adults at iDiaper.com </h1>
	Below are Depends Diapers for men and women. There's some unique items in these 				categories like the Depend Adjustable Underwear (heavy) that's a pull up but it has tabs 	on the side for adjustment as well. 
	</div>
</div>

Open in new window


#category11
{background-color:#3690cf;
padding:5px 5px;
}

#category11 h1
{
color:#fff;
font-size:20px;
}

#category11 p
{
color:#fff;
}

#category11 p a, #category11 p a.visited
{
color:#0d3d5f;
text-decoration:underline;
}

#ask-a-nurse-cat
{
display: inline-block;
width:18.289%;
height:auto;
}
#ask-a-nurse-cat img
{
display: inline-block;
width:100%;
height:auto;
}
#cat-top-right
{
width:81.7%
height:auto;
text-align:left;
display: inline-block;
vertical-align:top;
padding-left:2%;
}


@media screen and (max-width: 600px){
#ask-a-nurse-cat
{
display:block;
max-width:171px;
padding-right:10px;
padding-bottom:10px;
}


#category11
{
font-weight:normal;
}

Open in new window

0
Hello,

How do I get the buttons that are under the ask-a-nurse button on the attached screenshot (broken.png) to float left next to the nurse? Looking for 6 buttons to the right of the nurse.

Also, make sure it looks good on mobile.

Looking for html & css

<div id="nurseLinks">
<a href="http://www.idiaper.com/Ask-A-Nurse_ep_29.html"><img id="left-nurse1" alt="ask a nurse button" src="/assets/images/left-nurse2.jpg"></a>
<div id="iconDiv-nurse">
  <a href="http://www.idiaper.com/womens-diapers"><img alt="for women button" src="http://www.idiaper.com/assets/images/women-nurse2.jpg"></a><a 
  href="http://www.idiaper.com/Auto-Reorder_ep_43-1.html"><img alt="auto-reorder button button" src="http://www.idiaper.com/assets/images/auto-ship-nurse3.jpg"></a><a 
  href="http://www.idiaper.com/mens-diapers"><img alt="for men button" src="http://www.idiaper.com/assets/images/men-nurse.jpg"></a><a 
  href="http://www.idiaper.com/overnight-adult-diapers"><img alt="overnight products button" src="http://www.idiaper.com/assets/images/overnight-nurse2.jpg"></a><a 
  href="http://www.idiaper.com/adult-pullups"><img alt="pull ups button" src="http://www.idiaper.com/assets/images/pull-ups-nurse2.jpg"></a><a 
  href="http://www.idiaper.com/adult-cloth-diapers-briefs"><img alt="adult cloth diapers button" src="http://www.idiaper.com/assets/images/acd-nurse2.jpg"></a>
</div>
</div> 

Open in new window


#imgLinks-nurse {
text-align:center;
background-color:#3babdd;
}

#iconDiv-nurse {
padding-top: 0.8em;
float:left;
background-color:#59c8fd;
}

#left-nurse1
{
float:left;
width:29.2674%;
}

#iconDiv-nurse img{
width:23.2086%;
border:0;
margin-top:-5px;
flaot:left;
}

#iconDiv-nurse a{
border:0;
margin:0;
vertical-align:center;
}


@media screen and (max-width: 600px){
   #iconDiv-nurse img {width: 50.33%;}
   #leftnurse1 img {width: 100%;}
}

Open in new window

broken.png
0
I have a website which is on process of being built with Wordpress.
I need to upload panoramic photos taken with mobile. So far the plugin that I found aren't good enough. The only solution which suites my need so far is the one implemented of Facebook.

Can anyone suggest a plugin or a solution for uploading panoramic photos and obtain the same effect is obtained with Facebook?

Thanks for any contribution.
0
Hello,

page: www.idiaper.com

I am serving something different to under 600px. Everything is working right now but the code is very bloated with a lot of unnecessary items. I'm going to first attach the code that is working that I'm using, then attach some code that Slick812 gave me that is a partial solution to the bloated code that you can use to complete the clean code. Hoping Slick812 can step in, anyone else is free to help.

Thanks.

My CSS and html:

#smallhomemenu
{
height:0px;
overflow:auto;
}

#home-menu
{
background:#3babdd;
max-width:100%;
height:auto;
}

#home-menu, #home-menu .top,#home-menu .bottom
{
max-width:100%;
height:auto;
}

#home-menu, #home-menu .top,#home-menu .bottom,#home-menu .top-4-guides,#home-menu .8-minute-video,#home-menu .faq,#home-menu .glossary, #home-menu .best-6-adult-diapers
{
float:left;
padding:0px;
margin:0px;
background:transparent;
}

#home-menu .top-4-guides,#home-menu .8-minute-video,#home-menu .faq,#home-menu .glossary, #home-menu .best-6-adult-diapers
{
max-height:155px;
max-width:133px;
overflow:hidden;
background-transparent;
}

#home-menu .top
{
margin-bottom:0px;
max-width:100%;
}

.bottom
{
margin-top:-5px;
max-width:100%;
background-color:#3babdd;
}

.holder-buttons-home
{
max-width:100%;
height:auto;
}

.holder-buttons-home div {
	width: 16.666666%;
	height:auto;
	background-color:#3babdd;
}

.holder-buttons-home div img {
	width:100%;
	max-height:133px;
}


@media screen and (max-width: 600px) {

Open in new window

0
I have a site that looks great on a desktop but would like to tweak it so that it'll look good on a mobile device.
It's a simple site. Text and a few links.
I have a few pages hosted. One with a bio and a photo, another few pages with links to other sites (articles).
0
Hello,

Can you tell me the code adjustments (both html and css) to get this:

www.idiaper.com (top row of buttons and blue box)
Note that it's an online store service so sometimes you have to hard-code text-align:center

1. Looking good on all devices
2. With the circles centered at all browser widths (right now they go to the left)
3. blue background on all devices and browser widths
4. anything else that needs adjustment.

Thanks.

<div id="home-menu" style="text-align:center;background-color:#3babdd;">
<div class="holder-buttons-home" style="text-align:center">
	<div class="top" style="float:left">
	<img alt="top of menu that says, relax, breath, you've come to the right place, clickable menu below" src="/assets/images/top.gif">
	</div>
			<br>
		<div class="top-4-guides" style="float:left">
		<a href="#top-4-guides"><img alt="top 4 guides button" src="/assets/images/top-4-guides.gif"></a>
		</div>
		<div class="shop-by-category" style="float:left">
		<a href="#shop-categories"><img alt="shop-by-category button" src="/assets/images/shop-by-category.gif"></a>
		</div>
		
		<div class="8-minute-video" style="float:left">
		<a href="#8-minute-video"><img alt="8-minute-video button" src="/assets/images/8-minute-video.gif"></a>
		</div>
		
		<div class="best-6-adult-diapers" style="float:left">
		<a href="#best-6"><img alt="best-6-adult-diapers button" src="/assets/images/best-6-adult-diapers.gif"></a>
		</div>
		
		<div class="faq" style="float:left">
		<a

Open in new window

0
Hi,

 Prohibit use of Internet Connection Sharing on your DNS domain network and Don't Allow hosted networks have been enabled through GPO and I want to make sure that the GPOs are working fine.

When the GPO is applied, on Windows 10 Mobile Hotspot is disabled and on either on Windows 8.1 or 10, when the user goes in CMD with administrator privileges to create a hosted network the below occurs:

You must run this command from command prompt with administrator privilege
Attempts to start any hosted network results in the below:

The group or resource is not in the correct state to perform the requested operation.
I want to make sure that this is expected behavior as a result of the GPO. Although it is prohibiting users from creating hosted networks, I am looking for proof that these errors are actually the result of the GPO being applied. Tried looking into Event viewer but cannot find relevant events.

Any heads up on if these are actually valid errors as a result of the GPO?

Thanks in advance
0
Hello

I am looking for an app that can tell me how to get from A to B from my car but also base this on traffic etc.

I know there is Apple Maps, Google maps and so on but does this take into traffic and roadworks?
0
HI all,

This is more of a hobby based question.

I want to get friends, family & work colleagues to take part in recording our training activities in Miles / Km's as a way to encourage fitness in the new year with a bit of a leaderboard for the competitive ones.

Not all of them are on the same mobile app or social media platforms so I'm looking for someone to recommend a basic website which we can log into and record our activity, nothing more than an online excel spreadsheet really.

Any recommendations will be appreciated.
0
I have tried on 3 machines (Win 7) and 3 mobiles (Android) but only one combination shows up as COM3 in Hyperterminal.
My purpose is to send SMS via Serial port. I can send successfully from this one combination.
I want the others to work too. All mobiles connect to the machine and I can access the Internal and External drives.

By COM3 I mean COM1,2,3,4....
0
Wonder how many IT engineers using MS Surface as a primary device instead of a traditional laptop.  Any pros/cons?
Easy to connect to dual screen displays via the docking stations, etc.  Network port throughput?  Memory, CPU?  

Any suggestions input appreciated.
0
User has a Macbook Pro that will only attach to a single access point in the building and will not roam from one access point to another.  There are 1700 devices that work just fine and are very mobile.  This device drops the connection and shows that WIFI is on but not connected.  Attempts to connect pops up the connection and asks for a password but will not accept it with an error invalid password.  I have tested it as well in other buildings which all use the same wireless access SSID and pw.  It will connect to the first access point it finds in the building but will not roam to another.  

I updated the OS to High Sierra to see if that would make a difference but the results have been the same.
0
Dear Experts, is there a way to delete completely personal information (personal blog, mobile number, address, ...) on the Internet?

eg: I dont want people see my information when they "googling" my phone number?

Please suggest.
0
I use Delphi and want to send SMS via the COM Ports + Mobile phone combination.
I am using the AT+ commands but I get SMS which includes the commands. I want only the message to come.
Sample SMS

AT+CMGF=1AT
AT
AT
AT+CMGF=1

AT
+CMGS="nnnnnnnnnnn"

Open in new window

0
I need to display a module on mobile only.  I put it on the desktop in the top right position and set the module class suffix as [space]hidden-desktop.  It does show on the mobile, but still shows on the desktop.  Is there another setting to make, so it won't show on the desktop?  Thanks.
0
Hello, can you please tell me if I am using Outlook with my home WIFI versus mobile data outside the home, would my IP address change?
0
Quick question...is it possible to connect the Outlook mobile app to an Exchange 2016 ActiveSync On Prem environment (no office 365 in place)?
0
Hi Friends.
I need some advice, but please do if you have any experience.
I need to install Driver E-Log on 10 tablets and handle it to my company drivers.
My boss request is to lock any other apps, preventing drivers to use internet
I went to Google PlayStore and I've found a lot of apps and I've tested 10
The problem is that any of this apps not locking itself (except Perfect Applock) so anyone can go to settings, or if settings are locked too, they can put finger on this applock app and uninstall will shows up. So bottom line anyone can uninstall app, so they can go to internet finally.

Perfect Applock has option to self lock to prevent shot down but this setting can be disable in Settings and settings is not protected, so bottom line useless.

So maybe someone of you using some AppLock app on Android and can suggest me one, that is going to lock apps I select and is going to lock itself and without password no one will be able to uninstall it.
 

Thank You in Advance.
0
I am using bootstrap on my site and I generally like it a lot but I would like to make some of the objects a little smaller.  Lists, form objects, nav, tables, etc.  

My question is two-fold:
1) Is there a way to do that "across the board" by adjusting a css file associated with my bootstrap?

2) How much can I do with css on an item-by-item basis without "ruining" the mobile friendliness that bootstrap brings.  For instance, if I use class="img-responsive" for an image and then apply style="width:200px;" will that style make the image not adjust it's size based on whether it is on a mobile device or a desktop?

Thank you!
0
How to make mobile offline data synchronize to online when connected to network
0
We all understand the "Addiction" to check our emails out of hours.

I have a client who has staff that are spending too much time checking emails to the point it is becoming a health and safety issue.  The staff are in high stress roles and need to disconnect and HR are concerned that the employees are adversely affecting their own health.  Exchange provides a myriad of ways to enable an employee to be always connected but I havent seen anything that helps an org control that in some way.

Do any versions of exchange (2010, 2013,2016) have a way for me to apply the following "Policy"

At 5:30pm Sync will cease until 7:30am for a group of mobile devices or users (or all mobile devices or users).

  •    Could it be as simple as disabling a service via Task Scheduler
  •    Is there a GP that can be engaged to control this
  •    Is there that much granularity in Exchange policies to do this (I cant find any)
0
Looking into OneDrive for Business, for a client with a mobile workforce. I know that, with some cloud-based storage solutions, you can set it up such that when you disable or delete the account, the next time the agent on a client machine tries to sync with the cloud service, it deletes all the locally synced files from that client machine.

I don't know if there is such a capability with OneDrive for Business, and I can't seem to find anything online that even discusses the issue.

Does anyone know, and if so, how?
0
one of our corporate applications have recently issued a windows/android app for smartphones, to give the users an alternative to using their web app. the suppliers are a relatively small company. Some of the end user smartphone devices are currently not encrypted, but the suppliers say this is not a show stopper as security is 'contained' within the app itself. The login to the app is single factor authentication, username/password. how practical is it that security for an app would be 'contained' within itself, so if someone lost the smartphone with the app itself there would be no data specific to the app accessible on the devices storage. And perhaps more relevant what type of testing would you suggest to see what data specific to the app is stored and retrievable on the phone itself? or what types of security sensitive data do/could apps leave on the phones themselves and what could be retrieved if the device was lost/stolen?
0
I am using html5lightbox on a website.  It works fine when the lightbox pops up on a laptop or desktop but a mobile device, the lightbox opens but it won't scroll.

If you go here: https://www.coherent (DOT) com/company/press_release/press-releases and scroll down half way and click on a few of the Press Releases, you will see them open on your mobile device but they won't scroll. It works on an emulator but not on an actual device.

Any suggestions?
https://html5box.com/html5lightbox/
0

Mobile

915

Solutions

1K

Contributors

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.