Forum | Appery.io

Following up on an old post.. https://getsatisfaction.com/tiggzi/to...

Max Indicated there would be a fix for the IMG tag class naming convention.

With the old Builder. If I did not manually enter a class name. Tiggzi autonamed it which is fine.
BUT. In the new builder all my imgs where applied the name "mobileImage".
If I delete this class name or put in my own the resulting html code gives this.
code
<img class=" mobileimage12" src="http:&#47;&#47;project&#46;tiggzi&#46;com&#47;views&#47;8330-2d0d-4393-9d50-740fea14f444&#47;image&#47;todo-list&#46;png"/code
Note the space infront of the mobileimage12 name....
If I name it then it looks like ...
code<img class="mobileImage mobileimage13" src="http:&#47;&#47;project&#46;tiggzi&#46;com&#47;views&#47;8330-2d0d-4393-9d50-740fea14f444&#47;image&#47;Barcode%2BReader&#46;png"/code
Now it has a space in the middle.
Either way. Spaces in Class Names are not considered valid.
Makes using normal selectors on this class difficult.

Any chance you will get rid of the space? Maybe use a "_"
My converted project with a couple weeks of css img animations and effects is dead and must be rebuilt.
I'm hoping maybe you will update this issue

Tks.

Hello! Spaces in Class Names and space infront are ok.
class="mobileImage mobileimage13" - means that element has two classes mobileImage and mobileimage13.

You can apply more classes for element.

Think u missed my point....
Place img
Tiggzi Properties Tab. delete class name.(don't want it named)
End up with I expect to see class= "mobileimage13" NOT class= " mobileimage13"

Anyways I have no choice but to redo everything.
Thanks !

Yes I was wrong to say .."Spaces in Class Names are not considered valid."
Its the space at the front thats my problem...

This space has no effect on anything. Why you should redo everything? Do you have any problem in your app caused by this space?

Its my own fault. I used css animations to move buttons scale and apply text. Now None of it works anymore since Tiggzi last update. Something changed in the generated html output in the class naming or maybe img class was in a additional div before. Not sure as I don't have a copy of older generated html code.
Maybe u can help me?

On a screen I have images used as buttons.
custom js click
code
var myClass = $(this)&#46;attr("class");
myclassDiv = myClass + "_div&quot
/code
Now too use the clicked image..
Javascript
verbose..
code
var CheckMark = Tiggzi('ImgCheckMark')&#46;attr('src'); &#47;&#47;The check indicator
var textStyles = {'text-align': 'center', 'position':'absolute', 'color': 'white', 'text-shadow': '2px 2px 2px #000', 'font-weight': 'bold', 'margin-left':'120px','margin-top':'-60px'};
var divDat = "&#46;" + myclassDiv ;
var imgDat = "&#46;" + myClass;

etc&#46;&#46;&#46;
$(divDat)&#46;removeAttr('style');
$(imgDat)&#46;removeAttr('style');
$(divDat)&#46;transition({ y: buttoninfo['transDataY'], x: buttoninfo['transDataX'], rotate: '360deg' }, function () {
$(imgDat)&#46;css({'height':'150%', 'width':'150%', 'outline': '2px solid green'});
$('<p>')&#46;appendTo(divDat)&#46;text(buttoninfo['displayText'])&#46;css(textStyles);
etc&#46;&#46;&#46;
/code
These selectors no longer work.
Note transition is a function of a plugin..

Pretty sure its because of new ....
code
<div class="cell-wrapper">
<!-- mobileimage7 -->
/code

As I moved the image parent div So I could append and apply a css text to that div.. Cant be done with the img div?? Not sure.

Hello,

There are some changes in Tiggzi 6.2 release.
Image HTML cade used to contain tag with image. But now you won't need it.

You can apply animation to image directly.