I have a website built by Prestashop. I use PayPal and the template integral_evolution_payment.tpl. When the user goes to the payment page in mobile environment the layout of the page is too small. The buttons and the labels are very small almost unreadable.
How can I customize the page for mobile?
Thank you
Paolo
Module should have a css folder inside module folder at css or views/css. Look for it and modify css styles to accomplish what you need. Sometimes if structure has many changes between desktop and mobile version modules could use a different TPL for each version. Anyway this TPLs should be in module views/templates folder.
Good luck.
Related
Since, v13 or v14, I heard that we can use "iRender" or something to inject a 2sxc module into the skin.
This was the previous way Is it possible to load a specific 2sxc module in a DNN skin?
What is the newest code for injecting a 2sxc module into a DNN theme?
The idea here is to Render the output of a 2sxc module that is already on a DNN page. You are literally inserting the rendered HTML results of the module.
So in a user control, any theme (skin or container) file, like Main.ascx, you can now (2sxc v14.01+) do this nicely with the following code. All you need to know are the page ID and module ID (below you see TabID=44 and ModuleID=122):
<%# Import Namespace="ToSic.Sxc.Dnn" %>
<%# Import Namespace="ToSic.Sxc.Services" %>
<%= this.GetScopedService<IRenderService>().Module(44, 122) %>
There are a lot of great use cases for this that provide the content manager with an easy to use way of editing something in the theme. Examples? Add a Featured Something in to the output of a MegaMenu? A custom list of links or social media icons in the footer without using a janky DNN all-pages module.
Note: that prior to 2sxc v14.01, the function name was .GetService<T>()
Related 2sxc Docs:
DNN Extensnions
RenderService Interface
I just blogged about it today :)
https://2sxc.org/en/blog/post/deep-dnn-skin-and-module-integration-towel-day-2022
Use GetScopedService() and you're good to go
Can i render/run ionic app on an IFrame HTML element which is placed in an app hosted on a server.
If that's possible, can you suggest how do I need to include IONIC/Angular libraries in my framework.
As an example, can I render ionic app on view of SAPUI5 application?
Using the HTML control, you can include custom HTML into your application. This might be sufficient to include your Ionic application and already do the job.
If the HTML control doesn't give you enough freedom or flexibility, you may want to build a custom control that injects the right HTML code into your application. As an added advantage, you could e.g. expose properties such as with and height to be able to defined the screen real estate consumed by the Ionic application. Step 34 in the OpenUI5 walk-though will give you a good overview of how to build custom controls.
Im looking for some guidance on a responsive site design written using Bootstrap 3.
Basically I want the mobile version to be as lightweight as possible and only load JS and HTML that is necessary for the mobile view, and not load assets required for the desktop view. I would like to ignore loading specific JS files when the page is loaded via a mobile device.
Is there a simple method to do this with Bootstrap?
My guess is that I need a Javscript function to detect the device and use that as a trigger, however I was wondering if Bootstrap had this capability that I could use?
Appreciate any thoughts.
It seems there is already answer to detect mobile browser with javascript. Detecting a mobile browser
Otherwise you can detect the mobile device by using http_user_agent to decide not to load assets when the page is loading.
Here is already answer to detect mobile device with php.
Check if PHP-page is accessed from an iOS device
You can perhaps do it by user agent. There is an answer here that might help
Load a javascript file and css file depending on user agent
Is there a way to mark containers by numbers so that they show one after another in a certain order when responsive skin is used (when mobile device loads the page)?
I am using "Tidy" responsive skin and my plan is to have a module that sits on every page and gets "Request.Browser.Browser" on load so if it's a mobile browser I just plan to add this "?SkinSrc=%5BG%5DSkins/Tidy/TidySocial&ContainerSrc=%5BG%5DContainers/Tidy/PanelGrey" to my url and reload the page with Tidy skin, while making a Session variable that the user is on mobile. The problem is that containers with modules (html module, gallery, my custom modules) are not ordered one after another in a way I would like them to be.
This isn't really possible within DNN. The way to handle responsiveness and order is to control the order of the panes and modules within those panes when they are placed on the page (or change the order after). You can't easily target modules once they are on the page to control their positioning without doing custom development within the skin that would need to know details about the modules and locations of those.
ivan
you need to Change mobie.css of tidy to get you desire result
it is not possible in DNN by default
Latest DNN Install has responsive feature which is also good.
We have developed a CakePHP (1.3) application which works fine. Before usage users have to login. Nothing new there.
We also created a plugin containing a "sales website". It's styling is completely different from the applications design. The sales website works ok, but the loginpage is now based upon the applications layout (path: /users/login). We would like to apply the sales websites layout. But only when the plugin is available.
Is this possible? And if so, is it possible without the need to add a login method and/or users controller to the plugin?
You can use App::objects('plugin') to get a list of available plugins in your app. just do an array_search fro your plugin name and switch the layout accordingly