Search found 14 matches

by Ken
Fri Jan 09, 2026 1:27 pm
Forum: Coding Questions
Topic: Apply styles based on screen size
Replies: 2
Views: 94

Re: Apply styles based on screen size

I did little modifications so here is the final version. I added the background handling.

It now uses just Dom ready and resize feature together. Styles will be applied automatically when the page loads.

Note. The timer checks every 100ms until OnsenUI creates the elements, then applies the ...
by Ken
Fri Jan 09, 2026 8:21 am
Forum: Coding Questions
Topic: Apply styles based on screen size
Replies: 2
Views: 94

Re: Apply styles based on screen size

Forget to mention that this is meant to use with Mobile UI.
Note also that you can have for example both resize and Dom loaded enabled same time.
Put the code at the beginning of your code. Note if you use EnableExplicit it has to be the first line.
by Ken
Thu Jan 08, 2026 9:31 pm
Forum: Coding Questions
Topic: Apply styles based on screen size
Replies: 2
Views: 94

Apply styles based on screen size

Here in one kind of solution to apply some styles to desktop, tablet and mobile.
You are free to test any css.

There is three options to use code: button, resize and Dom already loaded. The end result may be different.
The resize option is on in example but you can change it.

EnableJS

var ...
by Ken
Tue Jan 06, 2026 8:45 am
Forum: Coding Questions
Topic: Mobile UI ShowMobile with list
Replies: 1
Views: 107

Mobile UI ShowMobile with list

When you use ShowMobile with list in page it will not work. I think it should?
You can test the code below. Uncomment the two lines to test with most simple list.
SP 3.10

Enumeration
#Dialog
#Open
#Close
EndEnumeration

; Create the dialog
If ContainerMobile(#Dialog, #PB_Mobile_Dialog ...
by Ken
Sun Jan 04, 2026 10:14 am
Forum: Coding Questions
Topic: Mobile UI Style Attribute
Replies: 3
Views: 289

Re: Mobile UI Style Attribute

Did concentrate to IconMobile now.
Obviously this would be the simplest option (the Spiderbasic way) but it do not work:

; Create the icon and store its ID
IconMobile(1, "fa-fighter-jet", #PB_Mobile_Left)
SetMobileAttribute(1, "size", "35px") ; Set the size attribute

Anyway when we use ...
by Ken
Thu Jan 01, 2026 5:49 pm
Forum: Coding Questions
Topic: Mobile UI form
Replies: 1
Views: 329

Mobile UI form

There is actually so little code available using Mobile UI which is a nice library.
So here is one solution to handle basic form and inputs built almost totally using Spiderbasic syntax.
It has also some debug code.

It is created using MiniMax 2.1 almost totally.

EnableExplicit

; Application ...
by Ken
Thu Jan 01, 2026 5:05 pm
Forum: Coding Questions
Topic: Mobile UI Style Attribute
Replies: 3
Views: 289

Re: Mobile UI Style Attribute

HtmlMobile is solid solution but I think it will break the layout in three slot containers easily.

But anyway you would think that you could add style to TextMobile (and same problem is with IconMobile) using Spiderbasic syntax because it is available. Thinks gets complicated if you all the time ...
by Ken
Wed Dec 31, 2025 6:06 pm
Forum: Coding Questions
Topic: Mobile UI and <div class="list-item__subtitle
Replies: 4
Views: 621

Re: Mobile UI and <div class="list-item__subtitle

Here is an other option using Icon.

Enumeration
#List
#ImageItem
EndEnumeration

; Create a page
If ContainerMobile(#PB_Any, #PB_Mobile_Page, "margin:12px")

; Create a list
ListMobile(#List)

; Create a custom container within the list
If AddListMobileItem(#List, "", #PB_Mobile_Container ...
by Ken
Wed Dec 31, 2025 5:53 pm
Forum: Coding Questions
Topic: Mobile UI Style Attribute
Replies: 3
Views: 289

Mobile UI Style Attribute

This works

ButtonMobile(#title, "Hello World")
SetMobileAttribute(#title, "style", "margin:25px;color:red;") ;
Debug GetMobileAttribute(#title, "style")

This do not work

TextMobile(#title, "Hello World")
SetMobileAttribute(#title, "style", "margin:25px;color:red;") ;
Debug GetMobileAttribute ...