Re: CSS or Separate Mobile Site? - Web Development Discussion Boards

Re: Adjust Table into CSS based on Device Width

Jassim Rahma26-Jul-15 1:42

26-Jul-15 1:42

Hi,

I found this article:

https://css-tricks.com/responsive-da...#comment-91835[^]

it's really excellent but I have a question please.

using the CSS mentioned in the article will turn all my TDs and TRs which is good except this part:

CSS

td:nth-of-type(1):before { content: "Status"; }
td:nth-of-type(2):before { content: "Paid"; }
td:nth-of-type(3):before { content: "Category"; }
td:nth-of-type(4):before { content: "From"; }
td:nth-of-type(5):before { content: "To"; }
td:nth-of-type(6):before { content: "Total Days"; }

because there are different tables in every page so how can I tell the CSS which titles to use for which table?

Thanks,
Jassim[^]

Technology News @ www.JassimRahma.com

Re: Adjust Table into CSS based on Device Width

Erick Shawn31-Jul-15 2:14

Erick Shawn

31-Jul-15 2:14

Hi there,
Enter this CSS code to make your table responsive for mobile websites.

https://css-tricks.com/responsive-data-tables/[^]

iPhone media query not working

Jassim Rahma25-Jul-15 10:54

Jassim Rahma

25-Jul-15 10:54

Hi,

I am using below css for iPhone 6 Plus but it's not working when I browse from my iPhone 6 Plus..

when I say not working I mean the h1 font size and color is not changing.

what's wrong please..

/* iPhone 6 Plus Portrait */
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 3)
{
    h1
    {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: small;
        font-weight: bold;
        padding: 2% 0;
        margin: 10px 0;
        color: #FF0000;
    }
}

/* iPhone 6 Plus Landscape */
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3)
{
    h1
    {
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: small;
        font-weight: bold;
        padding: 2% 0;
        margin: 10px 0;
        color: #FF0000;
    }
}

Thanks,
Jassim[^]

Technology News @ www.JassimRahma.com

Re: iPhone media query not working

Peter_in_278025-Jul-15 22:09

Peter_in_2780

25-Jul-15 22:09

Smells to me like one or more of your device criteria is not being met. Try cutting them out one by one to see when you get a match.

Cheers,
Peter

Software rusts. Simon Stephenson, ca 1994. So does this signature. me, 2012

Re: iPhone media query not working

Ferd Really31-Jul-15 7:27

Ferd Really

31-Jul-15 7:27

Jassim Rahma wrote:
when I say not working I mean the h1 font size and color is not changing.

Could it be that the css values are the same for both selectors?

Jassim Rahma wrote:
font-size: small;

Jassim Rahma wrote:
color: #FF0000;

Jassim Rahma wrote:
font-size: small;

Jassim Rahma wrote:
color: #FF0000;

There are strangers on the Plain, Croaker

CSS or Separate Mobile Site?

Jassim Rahma24-Jul-15 5:19

Jassim Rahma

24-Jul-15 5:19

Hi,

I want to ask which way is better for mobile site?

Using CSS and adjust the DIVs based on screen width and height?

Or redirect to a folder with complete mobile site?

what's your advise?

Thanks,
Jassim[^]

Technology News @ www.JassimRahma.com

Re: CSS or Separate Mobile Site?

F-ES Sitecore26-Jul-15 1:18

F-ES Sitecore

26-Jul-15 1:18

"It depends". If you want your mobile site to be the same as your desktop site, just with a different display then the best way of doing that is via a responsive css design so the same site looks different on smaller devices. However if you want the site itself to be different, maybe you want a scaled-down version for mobiles with less pages and features, then it might be easier to have a different site for mobile that uses the same back-end.

Re: CSS or Separate Mobile Site?

Erick Shawn31-Jul-15 1:46

Erick Shawn

31-Jul-15 1:46

Hi Jassim,
The best way is to create a website using responsive theme. But if you are using a non-responsive theme then go for editing the theme with CSS.

You can also add a different site for mobile devices. But the problem will be that you have to manage two different websites for desktop and mobile users.

How to find which DIV is selected and get selected DIV element values in jquery Pin

sr15924-Jul-15 1:37

sr159

24-Jul-15 1:37

hi,

i have google autocomplete suggestion in textbox and added jquery autocmplete suggestion to google pac-container div.

If i select the jquery suggestions from div, i am able to fire in
$(document).on("click", function (e) {
]
but i need to get selected element value. below is my div.

LondonUnited Kingdom

London BridgeBengaluru, Karnataka, India

LonavalaMaharashtra, India

Longitude GroupLavelle Road, D Souza Layout, Bengaluru, Karnataka, India

LondenpetKrishnagiri, Tamil Nadu, India

830 LONG DRIVE, ABERDEEN, MARYLAND, UNITED STATES, 21001 2370.628906-4569.779785

830 LONG DRIVE, ABERDEEN, MARYLAND, UNITED STATES, 21001 2371.930664-4571.367188

1 AVENUE DELAFOSSE PROLONGEE 01 BP 2185, ABIDJAN, COTE D'IVOIRE, 2185 320.179077-241.665054

9910 AVALON ROAD NW, ALBUQUERQUE, NEW MEXICO, UNITED STATES, 87121 2105.522949-6394.536133

9910 AVALON ROAD NORTHWEST, ALBUQUERQUE, NEW MEXICO, UNITED STATES, 87121 2103.865723-6389.127441

based on Div selection option (id =areasearch or class="pac-item-areasearch") i need to get the addrees and lat & lon.

How to achieve selected div element values .

if anybody knows reply me.

Thanks in advance.

modified 24-Jul-15 8:31am.

What are the latest trends in the UI design?

protekconsulting22-Jul-15 22:20

protekconsulting

22-Jul-15 22:20

What are the latest trends in the UI design?

Re: What are the latest trends in the UI design?

Richard MacCutchan22-Jul-15 22:22

Richard MacCutchan

22-Jul-15 22:22

Please read http://www.codeproject.com/Messages/3587921/How-to-get-an-answer-to-your-question.aspx[^].

Re: What are the latest trends in the UI design?

Erick Shawn1-Aug-15 0:13

Erick Shawn

1-Aug-15 0:13

Hi Protekconsulting,
These are the latest trends for 2015.

http://usabilitygeek.com/10-ux-design-trends-2015/[^]

Modal popup close on one aspx from different aspx page on button click

Syed Rehman21-Jul-15 3:25

Syed Rehman

21-Jul-15 3:25

Hi . I am working on web page using ASP.NET.

I have a dashboard . In that dashboard I have 4 grid views. On every grid view I put ADD NEW Button
each. On clicking on that add new button J query modal pop up is opening and in that modal popup I have embedded different aspx page(so Called MasterData.aspx) in it using iframe tag.

On click on server side save button after saving a data . The modal pop up should close.

Note : This modal pop up is on Dash board page , My requirement is from MasterData.aspx page . modal pop should close which is on dashboard.aspx page

Thanks

Sending A Resume(Excuse no accentuation)?

MarcusCole683320-Jul-15 11:52

MarcusCole6833

20-Jul-15 11:52

As a developer would you send a webpage as a CV/ Resume? Or should one send a .rtf or .doc?

Re: Sending A Resume(Excuse no accentuation)?

Paulo Zemek20-Jul-15 12:49

Paulo Zemek

20-Jul-15 12:49

I always send my resume as a word document.
Yet, in my resume there are references to my articles, my web page etc.
I wouldn't send only the Web page... yet if you think your web page has great information (or can really show your work), make it clear on the resume that the web page visit will pay.

Re: Sending A Resume(Excuse no accentuation)?

Erick Shawn31-Jul-15 2:22

Erick Shawn

31-Jul-15 2:22

Hi MarcusCole,
Sending resume is a standard while applying for interview. So it is better not to ignore it. But as a developer your CV can't show your live work.

Therefore, it is better to send CV and add the address to your portfolio website.

Validating a Date!

MarcusCole683320-Jul-15 11:49

MarcusCole6833

20-Jul-15 11:49

Is it better to split a string with clear instructions or use Regex with Clear Instructions?

Re: Validating a Date!

Wendelius20-Jul-15 19:46

Wendelius

20-Jul-15 19:46

Why not simply use DateTime.TryParse[^]?

Re: Validating a Date!

Richard Deeming21-Jul-15 1:44

Richard Deeming

21-Jul-15 1:44

On the client side, Moment.js[^] or one of the many javascript date pickers would be the best option.

On the server side, it depends which framework / language you're using. For .NET, DateTime.TryParse is the way to go, as Mika suggested. Other frameworks will probably have something very similar.

If you try to re-invent date validation using string manipulation, you'll either get it wrong, or drive yourself mad trying. Smile | :)

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Re: Validating a Date!

Erick Shawn1-Aug-15 0:17

Erick Shawn

1-Aug-15 0:17

Hi Marcus,
Follow this code to parse date and time.
http://www.dotnetperls.com/datetime-parse[^]

Loading aspx page in jquery modal popup

Syed Rehman19-Jul-15 4:54

Syed Rehman

19-Jul-15 4:54

Hi. I am able to load a Jquery modal pop up. My requirement is . I would like to load another aspx page in a jquery modal popup..

Can any one help me out in this. I tried a lot..

Thanks

Re: Loading aspx page in jquery modal popup

F-ES Sitecore19-Jul-15 22:33

F-ES Sitecore

19-Jul-15 22:33

You need to put an iframe in the modal box and the target page goes in the iframe. Google "show iframe query modal" for examples

http://stackoverflow.com/questions/5660263/how-to-display-an-iframe-inside-a-jquery-ui-dialog[^]

Re: Loading aspx page in jquery modal popup

Syed Rehman20-Jul-15 3:24

Syed Rehman

20-Jul-15 3:24

Thanks . It is working... But, I am facing some difficulty to adjust the width.

Re: Loading aspx page in jquery modal popup

Blikkies20-Jul-15 1:33

Blikkies

20-Jul-15 1:33

You can use jQuery.ajax to load server side pages.

Example:

JavaScript

$.ajax({
    url: 'default.aspx',
    cache: false,
    success: function (data) {
        $('#page-content').html(data);

    }
});

If you are loading these pages from another aspx page, you might need to remove runat="server" from your <form id="form1"> tags in your pages that you want to load. I had issues regarding duplicate form tags.

modified 20-Jul-15 7:40am.

Re: Loading aspx page in jquery modal popup

Erick Shawn31-Jul-15 2:01

Erick Shawn

31-Jul-15 2:01

Use this code to add aspx page in jquery.

http://stackoverflow.com/questions/4629899/loading-aspx-page-in-jquery-ui-dialog[^]

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.