6 Replies Latest reply on Jul 12, 2016 10:48 AM by bhavin

Make custom view tile responsive

devika_gade Mar 25, 2015 1:21 AM

Hi,

I have created a custom view tile for my Mobile Home Page. I want the content inside my tile to be responsive. I have added "?features=reponsive" and "pageTypes: MOBILE" in my definition.json.

The contet inside my tile is responsive. Although, when I add the tile to Jive, the media queries that I have used are not applied to the elements.

Can Ryan Rutan, Yuval Z or anyone else please me out?

Thanks,

Devika

Re: Make custom view tile responsive

yuval.z Mar 25, 2015 8:00 AM (in response to devika_gade)

Hmm... I'm not sure I understand your situation exactly. A few questions come to mind:

1. On what type of page are you placing the tile? Activity page for a group? News page? Your view page?
2. Does the tile work at normal resolutions?
3. Can you explain in more detail what behavior you are seeing?
Like (0)

Actions
- Re: Make custom view tile responsive
  
  devika_gade Mar 25, 2015 11:23 PM (in response to yuval.z)
  
  Hi Yuval Z,
  
  I am creating the tile for the Mobile Home Page.
  
  I have given the tile a title. In normal resolution, the title has a specific CSS applied to it. I have written a media query to set a specific backgroud to the title when I change the resolution. This media query is not being executed, i.e. when I change the resolution, I dont see any difference in the CSS for the title.'
  
  Hope this clarifies what I am trying to say.
  
  Thanks,
  Devika
  
  Like (0)
  
  Actions
  - Re: Make custom view tile responsive
    
    yuval.z Mar 26, 2015 8:52 AM (in response to devika_gade)
    
    Any thoughts about Devika's issue, Ryan Rutan or Aron Racho? Thanks!
    
    Like (0)
    
    Actions
Re: Make custom view tile responsive

wb9tpg Mar 26, 2015 11:11 AM (in response to devika_gade)

A custom view tile is running in an iframe and I think that's where you're running into a problem with your media queries.

A Narrow Tile appears to have a fixed width of 300px until the screen gets narrower/mobile and then the tile jumps to 640px but will actually go down to 345px or so from my testing. I think a media query using Desktop = 300px and mobile anything greater will work but have not tested it yet.

I'm still trying to figure out the Wide tiles.

That's my two cents
Like (0)

Actions
- Re: Make custom view tile responsive
  
  tahir_mirza@persistent.com Apr 13, 2016 4:39 PM (in response to wb9tpg)
  
  Hi Gary,
  
  were you able to figure out the media query that should be used when wide tile is used?
  
  Like (0)
  
  Actions
Re: Make custom view tile responsive

bhavin Jul 12, 2016 10:48 AM (in response to devika_gade)

I have same problem in custom tile, but got my answer from this link how to make custom tile responsive - TR Hackathon
Like (0)

Actions

Go to original post